Based on your diagram, you don't need 4 tables. You need just one table.
Your diagram shows 3 rows:
CODE
<table>
<tr><!-- ... --></tr>
<tr><!-- ... --></tr>
<tr><!-- ... --></tr>
</table>
Let's start with the middle row, since it is the one that shows the most columns. It has 7 columns, but the third row divides the second row's 2nd and 6th columns. So let's make each of those two columns, and use
colspan to join them. That gives us a total of 9 columns, like this:
CODE
<table>
<tr><!-- ... --></tr>
<tr>
<td><!-- ... --></td>
<td colspan="2"><!-- ... --></td>
<td><!-- ... --></td>
<td><!-- ... --></td>
<td><!-- ... --></td>
<td colspan="2"><!-- ... --></td>
<td><!-- ... --></td>
</tr>
<tr><!-- ... --></tr>
</table>
Now we can do the first row, which spans all 9 columns. We can also do the third row, which has a cell that spans 2 columns on each end, and a cell that spans 5 columns in the middle:
CODE
<table>
<tr>
<td colspan="9"><!-- ... --></td>
</tr>
<tr>
<td><!-- ... --></td>
<td colspan="2"><!-- ... --></td>
<td><!-- ... --></td>
<td><!-- ... --></td>
<td><!-- ... --></td>
<td colspan="2"><!-- ... --></td>
<td><!-- ... --></td>
</tr>
<tr>
<td colspan="2"><!-- ... --></td>
<td colspan="5"><!-- ... --></td>
<td colspan="2"><!-- ... --></td>
</tr>
</table>