![]() |
HTML Table challenge
I suspect that an html table format like the following is impossible. I am still trying to get it, just for fun, but am challenging you to try for it too.
Rules: 1. Don't post code until you've tested it. The obvious didn't work for me. Tip: If your html editor has a renderer, it probably doesn't render it the same as your browser. [code] ______________ | | | |____| | | |_______| |____| | | | | |____|_______| [/code] |
Works in IE and firefox.
[spoiler] <html> <title>??</title> <body> <table border=1> <tr height=50> <td> Cell 1 </td> <td rowspan=2> Cell 2 </td> </tr> <tr height=50> <td rowspan=2> Cell 3 </td> </tr> <tr height=50> <td rowspan=2> Cell 5 </td> </tr> <tr height=50> <td> Cell 4 </td> </tr> </table> </body> [/spoiler] |
[spoiler]I didn't expect it to be that easy. I tried quite a few things and nothing worked, but yours works, as it should obviously work. [/spoiler]
|
This works, too!
1 Attachment(s)
[spoiler][FONT=monospace]<html>
<head> <title>Table</title> </head> <body> <table width="244" border="1" cellspacing="2" cellpadding="0"> <tr> <td rowspan="2" colspan="4">a</td> <td rowspan="3" colspan="7">a</td> </tr> <tr> </tr> <tr> <td rowspan="2" colspan="4">a</td> </tr> <tr> <td rowspan="3" colspan="7">a</td> </tr> <tr> <td rowspan="2" colspan="4">a</td> </tr> <tr> </tr> </table> <p></p> </body> </html>[/FONT][/spoiler] Attached is the page in a zip so you can see it rendered. easy task :showoff: |
| All times are UTC. The time now is 12:43. |
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.