|
Dreamweaver - Cells and Rows |
|
Written by Website Tutorials
|
|
Wednesday, 24 May 2006 |
|
Cells and Rows You can also modify cells and rows individually. Rows can be modified by selecting the entire row. This can be done by holding down the CTRL (Command on Mac) key and clicking in each individual cell of the row, or by clicking on the <tr> tag in the lower left corner. Table cells can be selected simply by having the cursor inside the cell. They also can be selected by clicking with the CTRL (Command) key, or by clicking on the <td> tag.
The Properties Toolbar does change. The top part is identical to the default text Properties, with alignment, text formatting, etc. The expanded Properties are similar to the Table Properties, but there are some differences. 
- Horz: Horizontal alignment. This affects only the elements inside the cell. The options are Left, Center and Right.
- Vert: Vertical alignment. This affects the orientation of the elements within the cell relative to other cells.
- W: Width of the cell. This can be a number or a percentage. If it is a percentage, the % sign must be added.
- H: Height of the cell. This must be a number in pixels.
- No Wrap (checkbox): This prevents elements inside the cell from wrapping.
- Header (checkbox): This designates that the cell is a Header Cell (TH). This makes any text inside centered and bold.
- BG (long): Background image for the cell.
- BG (small): Background color for the cell.
- Brdr: Border color for the cell.
Here is a sample: Header Cell
(blue background) | Header Cell |
|---|
width 50%
Vert: middle | this cell doesn't require a width. It takes the remainder. | Vert: top
Horz: center | Vert: middle
Horz. left
border: purple |
You should now understand how to define and change many table elements within Dreamweaver. Next you will learn how to control your table with elements already inside. |
|
Last Updated ( Thursday, 25 May 2006 )
|
