Nested Tables

I've mentioned that you can put most anything in a table cell; that includes another table.

Here is the basic idea:
<table><tr><td>
  Inner table goes here
</td></tr></table>

It is important to open and close your table tags in the right order with nested tables so you know what goes where. Just remember "first opened, last closed" and you should be fine.

Nested tables are useful for framing images and for multiple borders. You can see an example of nested tables at my news page.

It uses this layout:
<table bgcolor="red" cellspacing="12">
<tr><td>
<table bgcolor="white" cellspacing="12">
<tr><td>
<table bgcolor="blue" cellspacing="12">
<tr><td>
  Content
</td></tr></table>
</td></tr></table>
</td></tr></table>

Next, we'll talk about how to use background images in tables.

Table Lab

Nest a table inside another. It doesn't have to be fancy. Post your table.

As always, questions and comments are welcome.

Happy tabling,
Gnubee

Table Talk

Nested Tables