• Section Navigation
• Financial Resources
• Forms
• Human Resources
• IT Resources
• Policy & Procedures
• Safety & Training
• Services
• Templates & Tutorials
• Visitor Resources

Dreamweaver - How To Format a Table

To format or modify any part of a table, you must have that piece selected. There are several ways you can select an entire table, a single cell, a row or a column.

To select a table, do one of the following:

• Click the upper-left corner of the table, anywhere on the top or bottom edge of the table, or on a row or column's border.
  
  NOTE: The pointer changes to the table grid icon when you can select the table (unless you click a row or column border).
  
  
• Click in a table cell, then select the <table> tag in the tag selector at the lower-left corner of the Document window.
  
  
• Click in a table cell, then select Modify > Table > Select Table.
  
  
• Click in a table cell, click the table header menu, then select Select Table.

Selection handles appear on the selected table's lower and right edges.

To select rows or columns:

1. Position the pointer to point to the left edge of a row or the top edge of a column.
   
   
2. When the pointer changes to a selection arrow, click to select a row or column, or drag to select multiple rows or columns.

To select a single cell, do one of the following:

• Click in the cell, then select the <td> tag in the tag selector at the lower-left corner of the Document window.
  
  
• Control-click (Windows) or Command-click (Macintosh) in the cell.
  
  
• Click in the cell, then select Edit > Select All.

To select a line or a rectangular block of cells, do one of the following:

• Drag from a cell to another cell.
  
  
• Click in one cell, Control-click (Windows) or Command-click (Macintosh) in the same cell to select it, then Shift-click another cell.

To select nonadjacent cells:

• Control-click (Windows) or Command-click (Macintosh) the cells, rows, or columns you want to select.
  
  NOTE: if a cell, row or column is already selected, it will be removed from the selection.

< Table Properties Bar

Format Table Options:

With the element selected, you can now format, via the Properties Bar (above), the following table properties:

• 
  Table Id is an ID for the table.
  
  
• 
  Rows contains the number of rows in the table.
  
  
• 
  Cols contains the number of columns in the table.
  
  
• 
  W is the width of the table in pixels, or as a percentage of the browser window's width.
  
  
• 
  H is the height of the table in pixels, or as a percentage of the browser window's height.
  NOTE: Setting the height of a table, or cells within a table, is discouraged by 3WC and other advocates of usable/accessable web code.
  
  
• 
  CellPad is the number of pixels between a cell's content and the cell boundaries.
  
  
• 
  CellSpace is the number of pixels between adjacent table cells.
  
  
• 
  Align determines where the table appears, relative to other elements in the same paragraph, such as text or images.
  • Left aligns the table to the left of other elements (so that text in the same paragraph wraps around the table to the right);
  • Right aligns the table to the right of other elements (with text wrapping around it to the left); and
  • Center centers the table (with text appearing above and/or below the table).
  • Default indicates that the browser should use its default alignment.
    
    
    NOTE: When alignment is set to Default, other content is not displayed next to the table. To display a table next to other content, use Left or Right alignment.
    
    
• 
  Border specifies the width, in pixels, of the table's borders.
  
  
• 
  Clear Column Widths button deletes all explicitly specified row or cell height values from the table.
  
  
• 
  Clear Row Heights button deletes all explicitly specified column or cell width values from the table.
  
  
• 
  Convert Table Widths to Pixels button sets the widths to current width in pixels.
  
  
• 
  Convert Table Heights to Pixels button sets the heights to current height in pixels.
  
  
• 
  Convert Table Widths to Percent button sets the widths to current width expressed as a percentage of the Document window's width.
  
  
• 
  Convert Table Heights to Percent buttons set the heights to current heights expressed as a percentage of the Document window's height.
  
  
• 
  Bg Color is the table's background color.
  
  
• 
  Brdr Color is the color for the table's borders.
  
  
• 
  Bg Image is the table's background image.

If you entered a value in a text box, press Tab or Enter (Windows) or Return (Macintosh) to apply the value.