Dreamweaver - Nesting Tables

Nesting Tables

Nested tables means placing (nesting) a table within another table. Doing this can give the designer even more control over positioning with a table driven page.

It is done quite easily. Simply insert a table while the cursor is within the cell you would like to place the table.

Here is an example:

Here is the nested table:

The nested table was 1 column and 1 row, and given a border of 5 to distinguish it from the original table.

Before you start going crazy with nested tables, I should warn you that this can slow down your page's load time. Browsers display tables by rendering what is inside before rendering the rest of the table. This means that if you have 5 nested tables within 1 container table, the browser must render everything inside before the container table will displayed. This is especially true with Netscape browsers. It is a good idea to test your designs in both browsers before you publish.

Nesting tables is more of a design tool than anything else. This is what leads us to our final section of the Tables Tutorial:

Adobe Creative Suite and DreamWeaver are the perfect web design tools to build your new website with your AUSWEB Hosting.

Get your Adobe DreamWeaver designed website up and running today with an AUSWEB Hosting plan. Click the order button below and follow our signup page!

• 24/05/2006 14:59 - Dreamweaver - Creating a Table
• 24/05/2006 14:44 - Dreamweaver - Table Properties
• 24/05/2006 14:39 - Dreamweaver - Cells and Rows
• 24/05/2006 14:32 - Dreamweaver - Modifying Your Table
• 24/05/2006 14:27 - Dreamweaver - Spanning Columns and Rows

• 24/05/2006 14:15 - Dreamweaver - Using Tables as a Layout Tool

---

If you found this tutorial helpful, you can bookmark it with your favourite tracker.