
586
Part III
Adding Advanced Design Features
In a situation where all the labels are arranged in a table column, it’s best to create a CSS class for
your labels and apply it to the
<td> tags. The most efficient way to do this is to first select the col-
umn containing the labels and then choose the desired class from the Style list on the Properties
panel. Dreamweaver applies the selected class to each of the
<td> cells in the column.
If your layout uses
<label> tags, CSS control is even easier. Add a specific CSS style for the
<label> tag to create a uniform appearance for all your labels. Note that you may still need to
adjust the dimensions of the label column separately because setting the width in CSS for the
<label> tag has no effect.
Two other form-related tags—
<fieldset> and <legend>—are available for CSS styling. As
described earlier in this chapter in the sidebar “Grouping Form Controls,” the two are used together
to visually associate related form elements. Style the
<fieldset> tag to alter the outlining border
or add padding from the edge of the border. Change the
<legend> style when you want to give it a
separate background color and/or border, as shown in Figure 14-17.
FIGURE 14-17
Style the
<fieldset> and <legend> tags to really make them stand out from a form with
a colored background.
82523c14.indd 586 2/18/09 1:29:51 PM