Table and Cell Selection in Adobe CS5 Dreamweaver

By Jennifer Smith, Christopher Smith, Fred Gerantabee

You can use several methods in Adobe Creative Suite 5 (Adobe CS5) Dreamweaver to select a cell or the whole table. After a cell or table is selected, you can change all sorts of attributes for the selected cell or table, including the color, size, and format of its contents.

  1. In Design view, select the Layout category from the Insert panel and select Expanded to put your table in Expanded view.

    You can more easily select and make changes in this view. (Remember to click the Standard button to see a more realistic preview of your table.)

  2. Select a cell by Ctrl-clicking (Windows) or Command-clicking (Mac) it.

The tag selector is an incredible tool to use to select any tag element, though it’s especially helpful when selecting individual components of a table or a nested table. The tag selector is in the lower left corner of the Document window.

Use the tag selector to select cells and tables.
Use the tag selector to select cells and tables.

To use the tag selector, just put the cursor inside a cell. The tag selector shows the tags that apply to the insertion point’s location. Then select <td> to select the cell that holds the cursor, <tr> to select the entire row, or <table> to select the entire table.

The table tag is <table> (it’s a difficult one to remember, right?), and each row is in a <tr> (table row) tag. Each cell is in a <td> (table data) tag. Tables created with headers also make use of the <th> (table header) tag.