HTML Help on Tables!!!!?

Okay, I'm not very sure how to do this. go to the url below: http://www.hci.sg/~y05hci409/s1_as1b.PNG However, there are some requirements. You must use: 1 - colspan 2 - rowspan 3 - table 4 - floating divs (for the square etc.) 5 - absolute positioning 6 - CSS and only have 1 table tag. Replicate this image as accurately as possible. Thks. Pls send as a html, like <html> <Body> </body>...........

Public Comments

  1. <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body> <table> <tr> <td style="width: 100px"> </td> <td rowspan="6" style="width: 100px"> <table> <tr> <td style="width: 100px"> </td> </tr> </table> </td> <td style="width: 100px"> </td> <td style="width: 100px"> </td> </tr> <tr> <td style="width: 100px"> </td> <td rowspan="3" style="width: 100px"> </td> <td style="width: 100px"> </td> </tr> <tr> <td style="width: 100px"> </td> <td rowspan="5" style="width: 100px"> <table> <tr> <td style="width: 100px"> </td> </tr> </table> </td> </tr> <tr> <td style="width: 100px"> </td> </tr> <tr> <td style="width: 100px"> </td> <td rowspan="2" style="width: 100px"> </td> </tr> <tr> <td style="width: 100px"> </td> </tr> <tr> <td style="width: 100px"> </td> <td style="width: 100px"> </td> <td style="width: 100px"> </td> </tr> </table> </body> </html>
Powered by Yahoo! Answers