plan the site first, for instance:
Code:
+----------+
- -
+---+------+
- + -
- - -
- - -
+---+------+
then make the table. a site like the one above requires two rows, so make them first:
Code:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<!-- This is row 1 -->
</tr>
<tr>
<!-- This is row 2 -->
</tr>
</table>
Then add the respective columns (cells). The first row has one column, the second has two, so in your code you need to give the first one a colspan to even out the nesting.
Code:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">This is the header</td>
</tr>
<tr>
<td>This is the left side</td>
<td>This is the right side</td>
</tr>
</table>
You will probably want to give them fixed widths too. The easiest solution is to give the columns in the second row widths, this way the whole table and the header cell will adjust to them.
Code:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">This is the header</td>
</tr>
<tr>
<td width="150">This is the left side</td>
<td width="600">This is the right side</td>
</tr>
</table>
That gives the table a total width of 750 pixels, which fits the screen well on the 800x600 resolution and higher, which again covers most of the visitors.
>zzz<
