Unit 7. Setting up Tables

Selecting the elements in a table.


There are many ways to select a table. One of these is through the Modify menu, by placing the pointer in the table, or by unfolding the contextual menu of the table by right-clicking on it. In both cases you will see the Table option, through which you can select the Select table option.

It's also possible to select a table by clicking on the border that sorrounds it, or clicking on the <table> label that is on the status bar of the document's window.


When you select a table or when you place the pointer over any part of it, Dreamweaver shows its width and the one of each column in a green zone. Along the widths are the pull-down panels (heading of the table menu and heading of the column menu). Those menus allow us to quickly access specified commands related to the table.

If you have the cursor in the table and you don't see this green zone you can activate its view by selecting the Tables' width option from Table menu, or by unfolding the menu bars: View menu, Visual helps, or Tables' width. You can deactivate the view by performing this same action.

If you cannot see the table or column width, then the table or the column doesn't have an specific width. If you see numbers, the first number corresponds to an specified width in the properties of the table or column, and the second number is the visual width that is in the design view, for example, in the previous table the third column has 139 (142) in its cells properties. So we have 139 pixels of width, but if it contains an image that needs more space, the column will size 142 pixels (visual width of the column as it is shown on the screen)

When having these differences we can select the Make All Widths Consistent option from the drop-down menu of the table heading.

In this menu we also have the Select Table menu.


There are cases when you need to select only rows, columns or cells.

You can select a row or a column in many different ways although you should try them and select the one you like the most.

These ways of selection are:

Select column option in the heading menu of the column (width green zone). This is valid only to select a column.

Click-and-maintain, dragging the mouse until you select the column/s or row/s completely.

You can also do it by placing the mouse next to the top or left border of the column or row. The pointer becomes a black arrow. When you click, you select the column or the row the arrow is pointing.

To select a row, place the mouse in any part of the row or on the <tr> label of the status bar, (or the <td> label to select the column), and click.


To select many adjacent cells, you have to keep the mouse button pressed while you drag the cells you want to select.

To select one cell or many non adjacent cells, you have to keep the Ctrl key pressed while you click on the cells.


Table format


The table properties are specified through its properties inspector.


Through the properties inspector you can modify the specified values when you insert the table. At the same time, you can indicate others as the Align value (which allows one to align the table to the left, middle or right), the background color, or the background image.

If you select a cell or a set of cells, the properties inspector changes in order to specify other colors.


The top of the properties inspector in this case is used to specify the text properties which will be inserted in the selected cell (or cells).

The inferior part is used to specify the value of the each cell such as the color or the background image (other than that specified in a global table), the cell border color, etc.

Two options that you may possibly need to use frequently will be the Horz and Vert, which define the content of the cell in horizontal or vertical way.

To practice you can perform the Step by step exercise in Creating a table.

Changing table and cell sizes


As you know, the Width of a table can be defined in Pixels or as a Percentage. The table size through properties inspector will be set by the values of W (Width) and H (Height). Normally only width is specified, not height.


The W and H values of a cell are always in Pixels. It isn't necessary to set any of these values for cells unless you wish to maintain that size and don't want them to be adjusted to the window size.

The table and cells size can be specified not only through the properties inspector. You can also do it by maintaining the mouse pressed on any border,and dragging it to the position that you want.


  Go to the previous page page Content  Go to the nex page  

Page. 7.2