Dreamweaver Resources Dreamweaver Resources - Templates - CSS Templates
Web Page Templates Nav Bars &  Web Page Tempates Free Templates Dreamweaver Resources & Tools Ecommerce Software Search Engine Optimisation Dreamweaver Tutorials Books
 
Page 1| Page 2 | Page 3 | Page 4 | Template Packages | Template Sale

 

Nested Table Example:

 

Start with one table.

Insert a 5 row x 1 column table into this cell

Cell One (left cell)

This will be the content cell

Cell two

(right cell)

 

Content goes here:

First, I have inserted a table with 1 row x 2 columns. (as above)

Into the left cell (column) I placed a 1 column x 5 row table. (called nesting a table). Each cell holds a nav button.

To keep the navbars at the top of the cell, place your cursor in left cell and in the PI set Vert align to top.

This will ensure that your navbar stays at the top of the table as you add content to the other cell.

The right cell (this one) is for your content.

This is the best way to keep your tables from *exploding*. Do not use colspans and rowspans. Nest your tables instead.

 

These links may be of interested as well:

* Why Spans are Evil

* Flexible Page Layout Using Tables

Back to Tutorials List Page>