Operation Manual

183
Layout and design
Last updated 11/30/2015
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.
Add or edit accessibility values for a table in Code view
?
Edit the appropriate attributes in the code.
To quickly locate the tags in the code, click in the table, then select the <table> tag in the tag selector at the bottom
of the Document window.
Add or edit accessibility values for a table in Design view
• To edit the table caption, highlight the caption and type a new caption.
• To edit the caption alignment, place the insertion point in the table caption, right-click (Windows) or
Control-click (Macintosh), then select Edit Tag Code.
• To edit the table summary, select the table, right-click (Windows) or Control-click (Macintosh), then select Edit
Tag Code.
Resizing tables, columns, and rows
Resizing tables
You can resize an entire table or individual rows and columns. When you resize an entire table, all of the cells in the
table change size proportionately. If a table’s cells have explicit widths or heights specified, resizing the table changes the
visual size of the cells in the Document window but does not change the specified widths and heights of the cells.
You can resize a table by dragging one of its selection handles. Dreamweaver displays the table width, along with a table
header menu, at the top or bottom of the table when the table is selected or the insertion point is in the table.
Sometimes the column widths set in the HTML code do not match their apparent widths on the screen. When this
happens, you can make the widths consistent. Table and column widths and header menus appear in Dreamweaver to
help you lay out your tables; you can enable or disable the widths and menus as necessary.
Resizing columns and rows
You can change the width of a column or the height of a row in the Property inspector or by dragging the borders of
the column or row. If you have trouble resizing, you can clear the column widths or row heights and start over.
Note: You can also change cell widths and heights directly in the HTML code using Code view.
Dreamweaver displays column widths, along with column header menus, at the tops or bottoms of columns when the
table is selected or the insertion point is in the table; you can enable or disable the column header menus as necessary.
Resize a table
?
Select the table. If you are in Live view, Element Display is shown when you select the table. Click the sandwich icon
to enter the table formatting mode.
• To resize the table horizontally, drag the selection handle on the right.
• To resize the table vertically, drag the selection handle on the bottom.