Page 1 of 1
Help with varsity project (HTML)
Posted: 29 Feb 2008, 09:52
by DarkRanger
Hi guys,
For varsity we have to build an image out of pieces (pieces and image given to us) and use only 1 table and colspan and rowspan functions. The image then gets inserted for example:
Code: Select all
<td rowspan = "3" colspan = "7"><img src = "images/1.jpg"/></td>
now what happens is, the images display in the right space, but theres space in between the pics. I have tried basically everything I know (1st year so it's not that much) for example image padding, size, hspace, vspace... but it just keeps the space!! I'm going to upload this to a free host. Anyone willing to help, PLEASE do so.
And if anyone is at tuks, studying multimedia with me PLEASE don't use my code.
Thanks.
Posted: 29 Feb 2008, 10:21
by DarkRanger
OK, cant find a host.
So heres the code. Currently, it displays it 512 pixels wide, but not 384 high...
Code: Select all
<table width = "100%"
border = "1px"
style = "align:center">
<tr>
<td>
<table style = "border-collapse:collapse" align = "center" border = "1px" width = "512px" height = "384px">
<tr> <!--Row 1-->
<td rowspan = "3" colspan = "7"><img src = "images/1.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "3"><img src = "images/2.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "2"><img src = "images/3.jpg" width = "100%" /></td>
<td rowspan = "3" colspan = "4"><img src = "images/4.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 2-->
</tr>
<tr> <!--Row 3-->
<td rowspan = "3" colspan = "2"><img src = "images/5.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "2"><img src = "images/6.jpg" width = "100%" /></td>
<td rowspan = "5" colspan = "1"><img src = "images/7.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 4-->
<td rowspan = "4" colspan = "3"><img src = "images/8.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "4"><img src = "images/9.jpg" width = "100%" /></td>
<td rowspan = "4" colspan = "1"><img src = "images/10.jpg" width = "100%" /></td>
<td rowspan = "3" colspan = "3"><img src = "images/11.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 5-->
<td rowspan = "4" colspan = "2"><img src = "images/12.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 6-->
<td rowspan = "2" colspan = "3"><img src = "images/13.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "2"><img src = "images/14.jpg" width = "100%" /></td>
<td rowspan = "3" colspan = "1"><img src = "images/15.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 7-->
<td rowspan = "2" colspan = "3"><img src = "images/16.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 8-->
<td rowspan = "4" colspan = "2"><img src = "images/17.jpg" width = "100%" /></td>
<td rowspan = "1" colspan = "6"><img src = "images/18.jpg" width = "100%" /></td>
<td rowspan = "3" colspan = "2"><img src = "images/19.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 9-->
<td rowspan = "3" colspan = "2"><img src = "images/20.jpg" width = "100%" /></td>
<td rowspan = "3" colspan = "3"><img src = "images/21.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "4"><img src = "images/22.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "3"><img src = "images/23.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 10-->
</tr>
<tr> <!--Row 11-->
<td rowspan = "1" colspan = "2"><img src = "images/24.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "4"><img src = "images/25.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "2"><img src = "images/26.jpg" width = "100%" /></td>
<td rowspan = "2" colspan = "1"><img src = "images/27.jpg" width = "100%" /></td>
</tr>
<tr> <!--Row 12-->
<td rowspan = "1" colspan = "5"><img src = "images/28.jpg" width = "100%" /></td>
<td rowspan = "1" colspan = "4"><img src = "images/29.jpg" width = "100%" /></td>
</tr>
</table>
</td>
</tr>
</table>
Posted: 29 Feb 2008, 10:25
by stewy_w
Code: Select all
<table border = "0px" width = "512px" height = "384px">
.
.
.
</table>
Posted: 29 Feb 2008, 10:32
by DarkRanger
i did that... not working...
![Sad :(](./images/smilies/icon_sad.gif)