Up until this point, we’ve focused on one mode of development: the Standard mode. The Standard mode, which is the default form of development, allows you to add and work with tables as you have done so far. It’s important to note, however, that one other mode exists: the Expanded Tables mode.
As you can see, our table structure has gotten somewhat complex, especially now that we have a nested table. You’ve probably noticed that selecting rows, cells, and even the nested table is a bit more difficult than it was at the beginning of the chapter when we were working with just one table. Although it certainly might seem frustrating to get your cursor in the right place in between nested tables and cells, it’s important to note that there is relief via the Expanded Tables mode. The Expanded Tables mode, available from the Layout category in the Insert panel, temporarily adds cell spacing and cell padding to your cells within Design view, essentially making it easier for you to place your cursor in between and work with cells and nested tables. You can use the Expanded Tables mode by clicking the Expanded button located within the Layout category of the Insert panel. After you’ve clicked the button, Dreamweaver provides you with a Getting Started in Expanded Tables Mode dialog box to explain the mode. Click OK to close the dialog box and return to your page. As you can see from Figure 4.30, the Expanded Tables mode created spacing between cells, essentially allowing for the easy placement of the cursor between cells and nested tables.
Figure 4.30 Expanded Tables mode creates spacing within cells.
To exit the Expanded Tables mode, click the exit link located within the temporary blue shaded menu bar located just below the Document bar. Your page will return to Standard mode. You can also click the Standard button (located to the left of the Expanded button) in the Layout category of the Insert panel to return the layout back to Standard mode.