Adobe Dreamweaver CS5 : Working with Web Page Tables - Creating a Nested Table

6/24/2013 7:21:55 PM

A nested table is a table inside a cell of another table. You can format a nested table as you would any other table; however, its width is limited by the width of the cell in which it appears. The cells inside a nested table are isolated from changes made to the outer table; for example, when you change the size of a row or column in the outer table, the cells in the inner table don’t change size. The question arises as to why you might want to do something like this, and there are several answers to that. You might want to use a table to add design elements to a page, and at the same time use one of the cells for tabular data, or you have a picture and a related caption and you want them to remain stationary in relation to one another while text on the page flows according to the size of the browser window. In older browsers (pre 5.0) creating nested tables can slow down the load of the page. In Web design one of the things we have to do is balance page content to load speed. Make sure you keep things in balance.

Nest a Table in Standard Mode

1. Open the Web page containing a table, or create a new table.

2. Click the Design button to display the page in Design mode.

3. Click the View menu, point to Table Mode, and then click Standard Mode.

4. Select the cell you want to insert the nested table.

5. Click the Insert menu, and then click Table.

6. Choose the properties for the nested table you want from the Table dialog box.

7. Click OK.

The nested table is inserted into the selected cell.

Note

By default, the nested table is left justified and centered vertically within the cell. If you want to change the position of the nested table, select the cell that contains the table, and make your changes using the Properties panel.

Others

- Adobe Dreamweaver CS5 : Working with Web Page Tables - Using a Tracing Image

- Adobe Dreamweaver CS5 : Working with Web Page Tables - Changing Cell, Row, or Column Properties

- Adobe Photoshop CS5 : Intermediate Selection Techniques (part 4) - Refine Edge Command

- Adobe Photoshop CS5 : Intermediate Selection Techniques (part 3) - Creating a Path with the Pen Tool

- Adobe Photoshop CS5 : Intermediate Selection Techniques (part 2) - Quick Mask Mode

- Adobe Photoshop CS5 : Intermediate Selection Techniques (part 1) - Color Range Command

- Adobe Flash Catalyst CS5 : Managing the Library - Viewing the Library panel (part 2) - Preview files in the Library panel

- Adobe Flash Catalyst CS5 : Managing the Library - Viewing the Library panel (part 1) - Add assets to the Library panel

- Adobe After Effects CS5 : Expressions - Time Remapping Expressions

- Adobe After Effects CS5 : Expressions - Using Markers