ONLINEPROOFINGSERVICE.COM

webmaster - www.onlineproofingservice.com

Menu


of the table by changing the number. Be careful, though: If you enter a smaller number, Dreamweaver deletes the bottom rows - contents and


all. Figure 6-4: The Properties inspector provides access to the attributes for a selected table. 160 Part III: Advancing Your Site _ Columns: Displays the number of columns in the table. You can alter the size of the table by changing the number. Again, if you enter a smaller number, Dreamweaver deletes the columns on the right side of the table - contents and all. _ W (Width): Displays the width of the table. You can alter the width by changing the number. You can specify the width as a percentage or a value in pixels. Values expressed as a percentage increase or decrease the tables size relative to the size of the users browser window. _ H (Height): Displays the height of the table. You can alter the height by changing the number. You can specify the height as a percentage or a value in pixels. Values expressed as a percentage increase or decrease the tables size relative to the size of the users browser window. This table attribute is recognized only by version 4.0 browsers and above. Table dimensions expressed as a percentage enable you to create a table that changes in size as the browser window is resized. For example, if you want a table to always take up 75 percent of the browser window, no matter how big the users monitor or display area, set the size as a percentage. If you want a table to always be the same size - that is, to remain the same size regardless of the browser window size - choose pixels rather than percentages for your table dimensions. _ CellPad: Specifies the space between the contents of a cell and its border. _ CellSpace: Specifies the space between table cells. _ Align: Controls the alignment of the table. Options are left, right, and center. _ Border: Controls the size of the border around the table. The larger the number, the thicker the border. If you want the border to be invisible, set the border to 0. _ Class: Provides easy access to style sheet options. (See Chapter 9 for more on CSS.) _ Clear and Convert: The icons in the lower-left area of the Properties inspector (click the expander arrow in the lower-right corner to view them) provide these formatting options: Clear Row Heights and Clear Column Widths enable you to remove all height and width values at one time. Convert Table Heights to Pixels and Convert Table Heights to Percents, and Convert Table Widths to Pixels and Convert Table Widths to Percents enable you to automatically change Height and Width settings from percentages to pixels. Pixels specify a fixed width; a percent setting means the browser automatically adjusts the specified percentage of the browser display area. Chapter 6: Coming to the HTML Table 161 _ Bg Color: Controls the background color. Click the color square next to this label to open the color palette. Click to select a color from the box