Banner Table

Here is the code for this table:

<table width="100%" border="0" cellpadding="5" bgcolor="#FFFFCC">
<tr>
<td>
</td>
</tr>
</table>

Left or Nav Table

Here is the code for this table:

<table width="20%" border="0" cellpadding="5" bgcolor="#CCFFCC" align="left">
<tr>
<td valign="top">
<div align="center">
</div>
</td>
</tr>
</table>

Why independent tables instead of one big table with cells inside?

HTML renders from the "inside out". In a big Table with lots of little tables and cells the load time is longer. How much longer? Actually not much for most sites. Also, Netscape takes a bit longer still to render tables "nested" inside of tables. Which to use? For beginning designers the big table with nested tables is easier to create and control.

Center or Contents Table

This Page is really three separate tables. The top table and contents will load first.

The left table and contents will load next .

The Center Table and its contents will load last.

Here is the code for this table:

<table width="60%" border="0" cellpadding="5" align="center" bgcolor="#99CCCC">
<tr>
<td valign="top">

</td>
</tr>
</table>

The TD element is a container for content that is rendered inside one cell of a table element. A cell is the intersection of a column and a row.

The TR element is a container for one row of cells. Each cell within a row may be a TH or a TD element.

The TH element is the same as a TD element except the content is a Header.

Table and Cell Layout Home