Creation of Class Style in Adobe CS5 Dreamweaver
Image Rollovers in Adobe CS5 Dreamweaver
Creation of New Tag Styles in Adobe CS5 Dreamweaver

Table and Cell Selection in Adobe CS5 Dreamweaver

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.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Adobe CS5 Dreamweaver Site Reports
Adobe CS5 Dreamweaver CSS and Browser Compatibility
Image Alt Text in Adobe CS5 Dreamweaver
Text Formatting Using Adobe CS5 Dreamweaver Property Inspector
Adobe CS5 Dreamweaver Table Content