How to Nest Tables within Tables in Dreamweaver

Placing tables within tables, or nested tables, can help you create extremely complex designs in Dreamweaver. For example, with a table that contains scores of all the baseball games in a season, you could add a smaller table inside one cell to include detailed stats of an exceptional game. You create nested tables by inserting a table within a cell of another table.

The best web designs communicate the information to your audience in the most elegant and understandable way and are easy to download. To make sure that your designs don’t get too messy, remember these guidelines:

  • A table within a table within a table is nested three levels deep. Anything more than that gets hairy.

  • Pages that use nested tables take longer to download. For some designs, the slightly longer download time is worth it. In most cases, you’re better off adding or merging cells in one table. One situation that makes a nested table worth the added download time is when you want to place a table of data in the midst of a complex page design.

To place a table inside another table, follow these steps:

  1. Click to place the cursor where you want to create the first table.

  2. Choose Insert→Table.

    The Insert Table dialog box appears.

  3. Type the number of columns and rows you need for your design.

  4. Set the Width option to whatever is appropriate for your design and then click OK.

    The table is sized automatically to the width you set.

  5. Type the information that you want in the table cells.

  6. Click to place the cursor in the cell in which you want to place the second table.

  7. Repeat Steps 2–5.

    The new table appears inside the cell of the first table.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com

Dummies.com Sweepstakes

Win $500. Easy.