INTERACTIVEPROOFING.COM

proof of service by mail - www.interactiveproofing.com

Menu


the Number of Rows text box and click OK. As you can see from Figure 6.10, the five new rows are added to the table. Figure 6.10.


New rows are added to the table using the Insert Rows or Columns dialog. [View full size image]   It's important to note that the previous methods work only when your cursor is focused in a cell. You can change the overall count of rows and columns for the table while it's selected from the Properties Inspector by simply selecting the table and changing the text box values for Rows and Cols. To return my table back to its original state, I'll enter 1 in the Rows text box and press Enter. The table returns to its original state. Changing Table Sizes Aside from adding and removing rows and columns, you also have the ability to change the width and height of the table directly from the Properties Inspector. You already saw how you can use the Table dialog to initially set the width of the table; alternatively you can set the width and height of the table directly from the Properties Inspector. Because I know that the image header.gif will reside in this table, and I know that the height of the image is 177 pixels, I'll change the height of the table to this number by placing my cursor in the H text box, typing 177, making sure that pixels is selected from the menu, and pressing Enter. As you can see from Figure 6.11, the height of the table is affected. Figure 6.11. Change the height of the table to 177 pixels from the Properties Inspector. [View full size image]   NOTE Setting the height of the table isn't always necessary because you can allow the content of the table to dictate the table's height. It's for this reason that the Height option isn't available from the Table dialog. If the content of a table exceeds the height of the table, the table's height automatically adjusts to compensate for the excess content.   Obviously, if I wanted to remove the height and set it back to normal, I would simply remove the 177 pixel value from the H text box and press Enter. NOTE Even when a height is cleared from the table, the table never collapses to 0. By default, Dreamweaver inserts a non-breaking space ( ) character (visible only in Code view) into each cell to make it easier for you to place your cursor into the cell and begin working. If that non-breaking space weren't there, the table height would collapse to nothing and it would be difficult for you to place your cursor into the cell without having to switch to Code view.   As your web pages become increasingly complex, you'll begin to realize that keeping track of widths and heights for tables and cells can get out of hand. If you ever feel like starting over, you can clear all widths and heights from both the table and cells in the table using the Clear All Widths and Clear All Heights options. You can access these options in one of three ways: First, you can choose these options from the Table Widths Visual Aid's menu (refer back to Figure 6.5 to view the menu). Second, you can clear column widths and column heights by clicking the Clear Column Widths and Clear Column Heights buttons located just underneath the Table ID menu in the Properties Inspector. Finally, you can choose Modify, Table, Clear Cell Heights and Clear Cell Widths options. Whichever method you choose results in the same action: either the height or width is removed. NOTE