Forum Moderators: open
<table border="1">
<tr>
<td colspan="2">o</td>
<td rowspan="2">0</td>
</tr>
<tr>
<td>0</td>
<td>0</td>
</tr>
</table>
to split the (visually) far right cell into two cells (top and bottom) and have the dividing line between those new cells be about half-way up the table (not where the other horizontal line makes it easy).
I'm sorry if this is too cryptic. Please let me know if this description it no good.
- Grant
P.S. Without using CSS.
123
456
789
Boxes 1 & 2 would be one cell, boxes 4 & 7 would be one cell, and boxes 5 & 8 would be one cell. The area making up boxes 3, 6, & 9 would be split horizontally across the middle to create two cells, one on the top and one on the bottom of the split.
Does that do it?
Perhaps if you start by saying what you want to achieve, rather than how you want to achieve it, your question might be clearer.
You need a table of one row and two columns:
1 In the cell at column one: place a table containing two rows and one column:
1.1 In the cell at row one: place 1&2
1.2 In the cell at row two: place a table with one row and two columns:
1.2.1 In column one: place 4&7 (you might have to nest another table to get the effect you want)
1.2.2 In column two 5&8 (again, this might need another nested table)
2 In the cell at row two: place a table containing two rows; place 3,6 & 9 in the cells of this table.
<table width="100%">
<tbody>
<tr>
<td width="66%" colspan="2"></td>
<td width="34%"></td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%"></td>
<td width="34%"></td>
</tr>
</tbody>
</table> Because I use FP, this was fairly simple to figure out. Problem is, when you get to merging 3, 6 and 9 you lose the third row.
TheDoctor's solution of nesting tables is probably the only way to do this. I hate nesting things. ;)
<table width="25%" height="25%" cellpadding="0" cellspacing="0">
<tr><td>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="100%" height="34%" colspan="2">1,2</td>
</tr>
<tr>
<td width="50%" height="66%">4<br/>7</td>
<td width="50%" height="66%">5<br/>8</td>
</tr>
</table>
</td>
<td>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td width="100%" height="50%">3<br/>6</td>
</tr>
<tr>
<td width="100%" height="50%">6<br/>9</td>
</tr>
</table>
</td></tr>
</table>
<table border="2" cellspacing="2" cellpadding="2">
<tr>
<td colspan="2">1 and 2</td>
<td rowspan="2">3 and part of 6</td>
</tr>
<tr>
<td rowspan="2">4 and 7</td>
<td rowspan="2">5 and 8</td>
</tr>
<tr>
<td>part of 6 and 9</td>
</tr>
</table>
The actual contents will dictate the heights.
Some editors are good at making these complex tables for you, here is just one example:
In HomeSite, open the Quick Bar, click on the Tables tab, and click on the Table wizard button. The first page of the wizard can do everything you want to add rows and columns and span them any way, just play with the + and - buttons.
Not that I'd ever use a complex table ;)
While we're on the suubject, isn't it better to use non-nested and overall fewer tables?