This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

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.

return to top 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

  1. Place the insertion point in the desired table

  2. From the Modify menu, select Table » Select Table
    OR
    Right click the cell » select Table » Select Table
    The Table Properties pane appears.
    Table Properties pane

  3. 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.

  1. Place the insertion point in the table

  2. From the Modify menu, select Table » Select Table
    OR
    Right click the cell » select Table » Select Table
    The Table Properties pane appears.
    Table Properties pane

  3. In the Brdr color text box, type the hexadecimal value of the desired color
    OR
    From the Brdr color boxColor box, select the desired color
    To learn more about hexadecimal color values, refer to Selecting Colors by Value

return to topUsing 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
  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.
    Column or Row Properties pane

  2. Select Header
    NOTE: The header option is selected when a check appears in the Header checkbox.

return to topAdding 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

  1. Place the insertion point in the appropriate cell
    The Cell Properties pane appears.
    Cell Properties pane

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

Adding Table Background Images

  1. Place the insertion point in the table

  2. From the Modify menu, select Table » Select Table
    OR
    Right click the cell » select Table » Select Table
    The Table Properties pane appears.
    Table Properties pane

  3. In the Bg Image text box, type the location of the desired image
    OR
    To select the image,
    1. Click BROWSE FOR FILEBrowse for File button
    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.

  1. Place the insertion point in the appropriate cell
    The Cell Properties pane appears.
    Cell Properties pane

  2. In the Bg color text box, type the hexadecimal value of the desired color
    OR
    From the Bg color boxColor box, select the desired color
    To learn more about hexadecimal color values, refer to Selecting Colors by Value

Adding Table Background Colors

  1. Place the insertion point in the table

  2. From the Modify menu, select Table » Select Table
    OR
    Right click the cell » select Table » Select Table
    The Table Properties pane appears.
    Table Properties pane

  3. In the Bg color text box, type the hexadecimal value of the desired color
    OR
    From the Bg color boxColor box, select the desired color
    To learn more about hexadecimal color values, refer to Selecting Colors by Value

Excellence. Our Measure. Our Motto. Our Goal.