Set table properties

Set table properties

Now you’ll set precise table properties, using Expanded Tables mode, a feature that temporarily adds cell padding and spacing to tables and increases the borders of the tables to simplify editing. Specifically, it lets you position the insertion point precisely without accidentally selecting the wrong table or other table content.

  1. Select View > Table Mode > Expanded Table Mode.

    This is a picture of the feature being described.

  2. Click once inside the first row of the first table.

    This is a picture of the feature being described.

  3. In the Property inspector (Window > Properties), enter 90 in the Cell Height (H) text box and press Enter (Windows) or Return (Macintosh).

    This is a picture of the feature being described.

  4. Click once inside the second row of the first table.

    This is a picture of the feature being described.

  5. In the Property inspector, enter 166 in the Cell Height text box and press Enter (Windows) or Return (Macintosh).
  6. Click once inside the third row of the first table.
  7. In the Property inspector, enter 24 in the Cell Height text box and press Enter (Windows) or Return (Macintosh).

    You should now have three rows of differing heights in the first table.

    This is a picture of the feature being described.

    Next you’ll set properties for the second table (the table that contains three columns).

  8. Click once inside the first column of the second table.

    This is a picture of the feature being described.

  9. In the Property inspector, enter 140 in the Cell Width (W) text box and press Enter (Windows) or Return (Macintosh).
  10. Click once inside the second column of the second table.
  11. In the Property inspector, enter 230 in the Cell Width text box and press Enter (Windows) or Return (Macintosh)

    This is a picture of the feature being described.

  12. Set the width of the third column to 330 pixels.

    If you have the Table selector enabled (View > Visual Aids > Table Widths), you’ll see all three of the pixel values you just entered above the respective table columns.

    You won’t enter any height values for the cells in this table because the height of those cells will vary depending on the content you add later.

  13. Finally, click once inside the last table (the table with one row and one column).
  14. In the Property inspector, enter 24 in the Cell Height text box and press Enter (Windows) or Return (Macintosh).

    Your layout should now look as follows:

    This is a picture of the feature being described.

  15. Click the Exit Expanded Tables Mode link at the top of the Document window to return to Standard mode. 7
  16. Save your page.


Getting Started with Dreamweaver
Dreamweaver Basics
Working with Dreamweaver Sites
Laying Out Pages
Adding Content to Pages
Working with Page Code
Preparing to Build Dynamic Sites
Making Pages Dynamic
Developing Applications Rapidly