Dreamweaver MX: The Missing Manual

Nesting Tables in Standard View

By merging cells, you can create complex tables that offer precise control over your layouts. If you use Layout mode to create a detailed, handcrafted design, you’ll see how Dreamweaver can generate complex tables using this technique.

But on the Web, simpler is usually better. Sometimes, instead of spending time and effort chopping up and merging cells to create a certain look, the best solution is to nest tables—placing a table within a table—instead of creating one complex table (see Figure 6-23).

Figure 6-23. Top: This page at top looks complicated, but in Dreamweaver, it breaks down to a series of simple tables. Bottom: The outside table (A) is a one-row, three-column table with a series of nested tables (B, C, D, E). The first cell contains another basic table (B), which has twelve rows and one column. Using alternating colors for each cell helps set off the information inside. The third column of the primary table holds the main content of the page; three tables (C, D, E) are placed within the flow of the cell. One nice trick: Use the Align property of a table to create a “floating” sidebar within the normal flow of text. The announcements table here, for instance, is aligned to the right, while text in the cell wraps around it. Note that aligning a table like this is only possible in Standard view.

Since a table cell acts just like a mini document, ...