Resizing tables, columns, and rows, Resize tables, columns, and rows – Adobe Dreamweaver CC 2014 v.13 User Manual
Page 254
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 tables, columns, and rows
Resize a table
Select the table.
To resize the table horizontally, drag the selection handle on the right.
To resize the table vertically, drag the selection handle on the bottom.
To resize the table in both dimensions, drag the selection handle at the lower-right corner.
Change a column’s width and keep the overall table width
Drag the right border of the column you want to change.
The width of the adjacent column also changes, so you actually resize two columns. Visual feedback shows you how the columns will adjust; the
overall table width does not change.
Note: In tables with percentage-based widths (not pixels), if you drag the right border of the rightmost column, the entire table’s width changes,
and all of the columns grow wider or narrow proportionately.
Change a column’s width and maintain the size of the other columns
Hold the Shift key and drag the column’s border.
The width of one column changes. Visual feedback shows you how the columns will adjust; the overall table width changes to accommodate the
column you are resizing.
247