Adobe 38040334 User Guide - Page 190

DREAMWEAVER CS3 183 User Guide 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. 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. Note: After you make your selection or place the insertion point, you should return to the Standard mode of Design view to make your edits. Some visual operations, such as resizing, will not give expected results in Expanded Tables mode. Switch to Expanded Tables mode 1 If you are working in Code view, select View > Design or View > Code And Design (you cannot switch to Expanded Tables mode in Code view). 2 Do one of the following: • Select View > Table Mode > Expanded Tables Mode. • In the Layout category of the Insert bar, click Expanded Tables Mode. September 4, 2007