OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
Variable number of columns with fixed widths using CSS?
This page's ID:
11138
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
I've read a lot about using CSS to control page layouts. I've experiemented a bit, and I may have found a tough job for it. I've been labouring with a page top display the results of a knockout sports competition using tables and it's driving me mad, because of the rowspan hassles. Is the layout below possible with CSS? BTW, I want the page to be a fixed size, all columns to be equal. Paste the code below to see the layout I need to achieve. [code]<HTML> <BODY> <table border=1> <tr><td colspan=6>Cup Competition</td></tr> <tr><td>1st Round</td><td>2nd Round</td><td>Quarter Finals</td><td>Semi Finals</td> <td>Final</td><td>Winner</td></tr> <tr><td>Game 1</td><td rowspan=2>Game 1</td><td rowspan=4>Game 1</td> <td rowspan=8>Game 1</td><td rowspan=16>Final</td><td rowspan=16>Winner</td></tr> <tr><td>Game 2</td></tr> <tr><td>Game 3</td><td rowspan=2>Game 2</td></tr> <tr><td>Game 4</td></tr> <tr><td>Game 5</td><td rowspan=2>Game 3</td><td rowspan=4>Game 2</td></tr> <tr><td>Game 6</td></tr> <tr><td>Game 7</td><td rowspan=2>Game 4</td></tr> <tr><td>Game 8</td></tr> <tr><td>Game 9</td><td rowspan=2>Game 5</td><td rowspan=4>Game 3</td> <td rowspan=8>Game 2</td></tr> <tr><td>Game 10</td></tr> <tr><td>Game 11</td><td rowspan=2>Game 6</td></tr> <tr><td>Game 12</td></tr> <tr><td>Game 13</td><td rowspan=2>Game 7</td><td rowspan=4>Game 4</td></tr> <tr><td>Game 14</td></tr> <tr><td>Game 15</td><td rowspan=2>Game 8</td></tr> <tr><td>Game 16</td></tr> </table> </BODY> </HTML>[/code] [This message has been edited by PaulBM (edited 01-23-2004).]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »