Working with Graphics and Tables - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 296

Modifying Table Attributes
You can change the attributes of an existing table in the Property inspector, you can cre-
ate a CSS style with the table attributes you want to use, or you can create a CSS style
to modify the <table> tag to change the attributes of all the tables in the site. When the
entire table is selected, the Property inspector includes the attributes of the html tag for
the selected table, including the attributes from the Table dialog box: rows, columns,
width, border, cell padding, and cell spacing. It also includes the following additional
formatting attributes:

• Table ID. A unique descriptive name for the table. The table ID helps you to distinguish
between multiple tables in a Web page. Also, some programming languages use the
ID to refer to the table. The table ID must begin with a letter or underscore and can
contain letters and numbers but not spaces or symbols.
• Align. The position of the table within the Web page, using the HTML attribute. Table
alignment can be the browser's default alignment, left, right, or center. Remember, you
can also create CSS styles to align the table.
• Clear row heights and Clear column widths. Buttons that remove all row height and
column width settings from the table.
• Convert table widths to percent and Convert table widths to pixels. Buttons that
change the current table width from pixels to a percentage of the browser window or
from a percentage of the browser window to pixels.

You'll name the table in the schedule.html page.

To change the table attributes:

◗

1. In the Document window, select the table.
◗

2. In the Property inspector, in the Table box, type satellite_stage .
◗

3. In the Property inspector, double-click in the CellPad box, and then type 0 . This
eliminates any space between the cell border and the cell content.

◗

4. In the Property inspector, double-click in the CellSpace box, type 0 , if necessary,
and then press the Enter key. This eliminates the space between cells in the table.

◗

5. Save the page.

Resizing and Moving a Table
You can resize a table in the same way that you can resize an image. When a table is
selected, you can adjust its height and/or width by dragging resize handles. The new
width value appears in the Property inspector in the unit (percentage or pixels) specifi ed
for the attribute. The height attribute does not appear in the Property inspector because
most of the time, it is not necessary to defi ne a height for a table. If you adjust the table's
height value, the height attribute is added to the code for the table. You can move a table
on the page by cutting and pasting the table or by dragging the table to the new location.
You will adjust the width of the satellite_stage table.

To resize the satellite_stage table:

◗

1. If the rulers are not visible, on the Application bar, click View , point to Rulers ,
and then click Show .

◗

2. If the rulers' units are not set to pixels, on the Application bar, click View , point
to Rulers , and then click Pixels .