Dreamweaver

Set cell, row, or column properties

You can use the Property inspector to edit cells and rows in a table.

  1. Select the column or row.
  2. In the Property inspector (Window > Properties), set the following options:
    Horz
    Specifies the horizontal alignment of the contents of a cell, row, or column. You can align the contents to the left, right, or center of the cells, or you can indicate that the browser should use its default alignment (usually left for regular cells and center for header cells).

    Vert
    Specifies the vertical alignment of the contents of a cell, row, or column. You can align the contents to the top, middle, bottom, or baseline of the cells, or indicate that the browser should use its default alignment (usually middle).

    W and H
    The width and height of selected cells in pixels, or as a percentage of the entire table’s width or height. To specify a percentage, follow the value with a percent symbol (%). To let the browser determine the proper width or height based on the contents of the cell and the widths and heights of the other columns and rows, leave the field blank (the default).

    By default, a browser chooses a row height and column width to accommodate and the widest image or the longest line in a column. This is why a column sometimes becomes much wider than the other columns in the table when you add content to it.

    Note: You can specify a height as a percentage of the total table height, but the row may not display at the specified percentage height in browsers.

    Bg
    (upper text field) The filename for the background image for a cell, column, or row. Click the folder icon to browse to an image, or use the Point-to-File icon to select an image file.

    Bg
    (lower color swatch and text field) The background color for a cell, column, or row, chosen with the color picker.

    Brdr
    The border color for the cells.

    Merge Cells
    Combines selected cells, rows, or columns into one cell. You can merge cells only if they form a rectangular or linear block.

    Split Cell
    Divides a cell, creating two or more cells. You can split only one cell at a time; this button is disabled if more than one cell is selected.

    No Wrap
    Prevents line wrapping, keeping all the text in a given cell on a single line. If No Wrap is enabled, cells widen to accommodate all data as you type it or paste it into a cell. (Normally, cells expand horizontally to accommodate the longest word or widest image in the cell, then expand vertically as necessary to accommodate other contents.)

    Header
    Formats the selected cells as table header cells. The contents of table header cells are bold and centered by default.

    You can specify widths and heights as either pixels or percentages, and you can convert from pixels to percentages and back.
    Note: When you set properties on a column, Dreamweaver changes the attributes of the td tag corresponding to each cell in the column. When you set certain properties for a row, however, Dreamweaver changes the attributes of the tr tag rather than changing the attributes of each td tag in the row, When you’re applying the same format to all the cells in a row, applying the format to the tr tag produces cleaner, more concise HTML code.
  3. Press Tab or Enter (Windows) or Return (Macintosh) to apply the value.