Another way to make this table is to look at it as 3 single cells in 3 rows. The middle cell just happens to have a table in it with 3 cells. Putting a table inside a table is called "nesting".
Using this method requires no colspan.
Here's the code
<table align="center" border=5 cellspacing=1 cellpadding=0>
<tr>
<td align="center" height="80">
Top
</td>
</tr><tr>
<td>
<table align="center" border=1 cellspacing=1 cellpadding=0>
<tr>
<td width="80" align="center">
Left
</td>
<td height="180" width="180" align="center">
Middle
</td>
<td width="80" align="center">
Right
</td></tr></table>
</td></tr>
<tr>
<td align="center" height="80">
Bottom</td>
</tr></table>
Sometimes, using nested tables is the only way to solve a table problem.
Do you notice a slight difference in the appearance of our table?
Gnubee
| Top | |||
| |||
| Bottom | |||