row1 col1 colspan="3" | ||
row2 col1 (header) | row2 col2 (header) | row2 col3 (header) |
row10 col1 (foot link) | row10 col2 (foot link) | row10 col3 (foot link) |
row1 col1 colspan="3" | ||
row2 col1 (header) | row2 col2 (header) | row2 col3 (header) |
row3 col1 rowspan="7": Remember! The numer of rows in each column has to be equivalent. | row3 col2 rowspan="3": This is a short article that should occupy some vertical space in the third column. | row3 col3: This is a short article that should occupy some vertical space in the third column. |
row4 col3 (header). | ||
row5 col3: This is a short article that should occupy some vertical space in the third column. | ||
row6 col2 (header) | row6 col3 (header) | |
row7 col2 rowspan="3" | row5 col3: This is a short article that should occupy some vertical space in the third column. | |
row10 col1 (foot link) | row10 col2 (foot link) | row10 col3 (foot link) |
row1 col1 colspan="3" | ||
A Compromise | Put all of the headers and articles within these columns. Style the contents using CSS. Do not even think about using table rows/cells within these columns. | This is close to my divvy example... except that I used CSS styles to simulate table components to create the columns (which made it table-less). |
row3 col1 (foot link) | row3 col2 (foot link) | row3 col3 (foot link) |