Unit 7. Setting up Tables (II)

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 see the Table option, through which you can select the Select table option .

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


Useful news at the time of working with tables is that Dreamweaver MX 2004 incorporates the Table widths option. When you select a table or when you place the pointer over any part of the table, Dreamweaver shows the width of the table and of each column in a green zone. With 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 a 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 cells properties we have 139 pixels of width, but if it contains an image that needs more space, the column will occupy 142 pixels (visual width of the column as it is shown on the screen)

When we have these differences is when we can change the code (properties) i.e the real width, and to do this you just need to 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 of 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 arrow points.

To select a row, place the mouse in any part of the row or over the <tr> label of the status bar, or the <td> label to select the column.

To select many continuous 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 continuous cells, you have to keep the Ctrl key pressed whilst 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 colour, or the background image.

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


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 colour or the background image (other than that specified in a global table), the cell border colour, 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 form.

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 Percent. The table size through properties inspector will be specified 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 specify any of these values for cells unless you wish to maintain that size obligatory and dont 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 depressed 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

Legal warning: Authorised on-line use only. It is not allowed the use of these courses in companies or private teaching centres.
aulaClic. All rights reserved. Reproduction in any form whatsoever is prohibited.