Adobe Dreamweaver CC 2015 - Manual (Page 180)

173
Layout and design
Last updated 6/3/2015
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 The background color for a cell, column, or row, chosen with the color picker.
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.
Use Expanded Tables mode for easier table editing
Expanded Tables mode temporarily adds cell padding and spacing to all tables in a document and increases the tables’
borders to make editing easier. This mode enables you to select items in tables or precisely place the insertion point.
For example, you might expand a table to place the insertion point to the left or right of an image, without inadvertently
selecting the image or table cell.