Adobe Dreamweaver CS3

Tables: Formatting Options

In addition to adjusting basic table elements, you can format tables with options such as borders, column/row header cells, and backgrounds.

Working with Borders
Using Header Cells
Adding Backgrounds

Working with Borders

A border is a group of lines that mark the edges of cells and tables. You can specify the width and color of a border.

Applying Borders

Place the insertion point in the desired table
From the Modify menu, select Table » Select Table
OR
Right click the cell » select Table » Select Table
The Table Properties pane appears.
For no border, in the Border text box, type 0 (zero) or leave the text box blank
To include a border, in the Border text box, type a number greater than zero.
NOTE: The larger the number, the wider the border.

Adjusting Border Color

When choosing a border color, keep in mind that not all browsers support colored borders. Also, the borders may look different when viewed from different browsers and from different versions of the same browser.

Place the insertion point in the table
From the Modify menu, select Table » Select Table
OR
Right click the cell » select Table » Select Table
The Table Properties pane appears.
In the Brdr color text box, type the hexadecimal value of the desired color
OR
From the Brdr color box, select the desired color
To learn more about hexadecimal color values, refer to Selecting Colors by Value

Using Header Cells

A header cell is a cell that labels its row or column. The text within the header cell is bold and centered. Header cells improve the page's accessibility for vision-impaired users. In the table that follows, the header cells are the cells that contain the class name and the weeks.

Physics
Week 1	Problem 1	Read Ch 2	Problem 2	Quiz	Discussion of Quiz
Week 2	Read Ch 3	Problems 3 & 4	Read Handout	Problem 5	Discussion of Problems 3,4 & 5
Week 3	Read Ch 4	Problem 6	Reserve Reading	Review for Test	Test #1

Select the appropriate row, column, or cell(s)
The Row or Column Properties pane appears.
NOTE: For information on selecting within tables, refer to Getting Started with Tables.
Select Header
NOTE: The header option is selected when a check appears in the Header checkbox.

Adding Backgrounds

A background is an image or solid color that appears behind text or images in the table. You can apply a background to an individual cell or to the entire table.

WARNING: Not all browsers support background images for tables or cells. Also, the backgrounds may look different when viewed from different browsers and from different versions of the same browser.

Adding Cell Background Images

Place the insertion point in the appropriate cell
The Cell Properties pane appears.
In the Bg text box, type the location of the desired image
OR
To select the image,
1. Click BACKGROUND URL OF CELL
  The Select Image Source dialog box appears.
2. Using the Look in pull-down list, locate and select the appropriate file
3. Click OK

Adding Table Background Images

Place the insertion point in the table
From the Modify menu, select Table » Select Table
OR
Right click the cell » select Table » Select Table
The Table Properties pane appears.
In the Bg Image text box, type the location of the desired image
OR
To select the image,
1. Click BROWSE FOR FILE
2. Using the Look in pull-down list, locate and select the appropriate file
3. Click OK

Adding Cell Background Colors

Adding background colors to cells can be very useful. Oftentimes, alternates rows or columns of a table are shaded to allow for easier reading.

Place the insertion point in the appropriate cell
The Cell Properties pane appears.
In the Bg color text box, type the hexadecimal value of the desired color
OR
From the Bg color box, select the desired color
To learn more about hexadecimal color values, refer to Selecting Colors by Value

Adding Table Background Colors

Place the insertion point in the table
From the Modify menu, select Table » Select Table
OR
Right click the cell » select Table » Select Table
The Table Properties pane appears.
In the Bg color text box, type the hexadecimal value of the desired color
OR
From the Bg color box, select the desired color
To learn more about hexadecimal color values, refer to Selecting Colors by Value