Help with varsity project (HTML)

[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.

[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>

[stewy_w]

Code: Select all

<table border = "0px" width = "512px" height = "384px">
.
.
.
</table>

[DarkRanger]

i did that... not working...