Nesting Table

Here is an example of the code to use to do a very basic table nested inside another table. The resulting table is shown below the code.

This is the code:

<TABLE CELLPADDING="3" CELLSPACING="5" BORDER="1">
<TR>
<TD ALIGN="CENTER">I want a separate table in the cell next to this one. <BR><BR> I can add whatever text I want here.</TD>

<TD>
<TABLE CELLPADDING="10" CELLSPACING="10" BORDER="1">

<TH COLSPAN="2">Things I like:</TH>

<TR>
<TD>Gardening</TD>
<TD>Cross-stitch</TD>
</TR>

<TR>
<TD>Good Food</TD>
<TD>Being Warm</TD>
</TR>
</TABLE>

</TD>
</TR>

<TR>
<TD ALIGN="CENTER">Now you see how it works.</TD>
<TD ALIGN="CENTER">You try it too!</TD>
</TR>
</TABLE>

* * * * * * * * * *

This is the table it produces (minus the color):

I want a separate table in the cell next to this one.

I can add whatever text I want here.

Things I like:
Gardening	Cross-stitch
Good Food	Being Warm

Now you see how it works.

You try it too!

You can add a table to any or all cells in a table. Just put them where ever you want them. If you set the BORDER="0", that just helps to align text on the page without showing the border. You can put tables in tables in tables as far as I know, but I am just a beginner.

GOOD LUCK!

And about those colored table borders...
you can see how to do them and get the code here.

* * * * * * * * * *

Feel free to copy this information.
If this page has been useful to you,
please give a link back to my web design page
(http://geocities.datacellar.net/Heartland/Valley/web.htm)
and e-mail me.

[Web Design Page] [Home Page]

Updated February 6, 2000