ONLINEPDFPROOFING.COM

bat proof mailboxes - www.onlinepdfproofing.com

Menu


mode. Although we'll discuss the Layout mode soon, the Expanded Tables mode warrants discussion now. As you can see, our table structure


has gotten fairly 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 may 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 using the Expanded Tables mode. The Expanded Tables mode, available from the Layout category in the Insert bar, temporarily adds cell spacing and cell padding to your cells in Design view, essentially making it easier for you to place your cursor in between and to work with cells and nested tables. You can use the Expanded Tables mode by clicking the Expanded button located in the Layout category of the Insert bar similar to Figure 6.33. Figure 6.33. Enter Expanded Table mode by choosing the Expanded button from the Layout category in the Insert bar. [View full size image]   After you click the Expanded button, Dreamweaver provides you with a Getting Started in Expanded Tables Mode dialog, explaining the mode. Simply click OK to close the dialog and return to your page. Expanded Tables mode creates spacing between cells, essentially allowing easy placement of the cursor in between cells and nested tables. To exit the Expanded Tables Mode, simply click the exit link in the blue shaded menu bar located just below the Document bar. Your page returns back to the Standard mode. Inserting and Working with Tables in Layout Mode The last mode of development when working with tables is the Layout mode. Layout mode allows you to work in a print program-like environment where tables and cells are drawn onto the page. After they are drawn onto the page, you can easily manipulate basic properties for the tables and cells by clicking the border of the drawn table or cell and dragging until you find the right width. To demonstrate Layout mode, let's open the companydirectory.htm file. As you'll notice, the content for this file has been completely stripped out so that we can redevelop it using tables, and more specifically, tables in Layout mode. With the page now open, you're ready to navigate to the Layout mode option. You can find all the options for working with Layout mode by choosing the Layout category from the Insert bar and clicking the Layout button. Dreamweaver switches to Layout mode, as shown in Figure 6.34. Figure 6.34. Switch to Layout mode when you'd rather draw tables and cells on the page. [View full size image]   Now that the page is in Layout mode, the following functionality is exposed: Layout Table: Choosing this option allows you to draw a table onto the page. Draw Layout Cell: Choosing this option allows you to draw cells within a drawn table. After you've drawn cells within a table, the following four options become available: Insert Row Above: Inserts a row above a cell. Insert Row Below: Inserts a row below a cell. Insert Column to the Left: Inserts a column to the left of a cell. Insert Column to the Right: Inserts a column to the right of a cell. Now that you have a basic idea about the functionality exposed within Layout mode, let's use it to lay out a table with some cells. Drawing Tables