Let's discuss how to make this table using nested tables.
Visualize 1 row with 3 cells. The center cell just happens to have a table in it with 3 cells of its own. Do you see it?
Good, let's dig in.
(Tip: always use copy & paste as much as possible to build tables quckly.)
Open your table.
Open your row.
Open a cell, put in your data ("Left"), close your cell.
Open the next cell, enter your data & close the cell - but this time your data is another table, like so:
<<>td>
Table with 3 cells ("Top", "Middle" & "Bottom") goes here
<<>/td>
Open a cell, put in your data ("Right"), close your cell.
Close your row.
Close your table.
Here's the code:
<<>table align="center" border=5 cellspacing=1 cellpadding=0>
<<>tr>
<<>td width="80" align="center" bgcolor="#222222">
Left
<<>/td>
<<>td>
<<>table border=1 cellspacing=1 cellpadding=1 bgcolor="#333333">
<<>tr>
<<>td align="center" height="80" width="160">
Top
<<>/td><<>/tr>
<<>tr>
<<>td height="160" align="center">
Middle
<<>/td><<>/tr>
<<>tr>
<<>td height="80" align="center">
Bottom
<<>/td><<>/tr><<>/table>
<<>/td>
<<>td align="center" width="80" bgcolor="#222222">
Right
<<>/td>
<<>/tr><<>/table>
One more chorus:
"I love tables!"
"Tables are my friend!"
"I am ze mighty cree-ay-tor!"
Happy coding,
Gnubee
| Left |
|
Right |