More than Basic Table

More than Basic

Nested Tables

name	David
name	Jane

The 4 cell table above is set at 100%

<TABLE width="100%" border="1" cellspacing="0" cellpadding="0">
<TR>
<TD width="50%">name </TD>
<TD width="50%">David</TD>
</TR>
<TR>
<TD width="50%">name</TD>
<TD width="50%">Jane</TD>
</TR>
</TABLE>

name	David
name	Jane

Same table as above but set at 200 pixels

<TABLE width="200" border="1" cellspacing="0" cellpadding="0">
<TR>
<TD width="100">name </TD>
<TD width="100">David</TD>
</TR>
<TR>
<TD width="100">name</TD>
<TD width="100">Jane</TD>
</TR>
</TABLE>

Name	S Name	Tele No
Jane	Donald	12453687
David	Philips	23564745
Colin	Jones	52456352

Advantages of using a table is you have a greater degree of control over page format

Name	S Name	Tele No
Jane	Donald	12453687
David	Philips	23564745
Colin	Jones	52456352

The data above has a nice ordered appearance, using the same table as above but with border set to 0.

If you had a 8 column wide table and wanted to highlight alternate rows you could colour alternate rows as I have below

Name	S Name	Tele No
Jane	Donald	12453687
David	Philips	23564745
Colin	Jones	52456352

Adding colour and text styles I have attempted to explain on next page (table 3)

Please Note: Some early browsers will convert pixels to % and therefore make a mess of your table layout, if I use a fixed width main table all nested tables are in % that helps take up the slack between browsers