Graphics Programs Reference
In-Depth Information
4. Click Border in the Category box, click double from the Top list in the Style sec-
tion, click medium from the Top list in the Width section, and then type #CCFFFF
in the Top box in the Color section.
5. Make sure that the Same for all check boxes are checked in the Style, Width, and
Color sections, and then click the OK button.
6. In the Document window, select the TICKETS AP div, and then, in the Property
inspector, click the Class arrow, and then click the featured style. The featured
style is applied to the TICKETS AP div.
7. Click in the Document window to deselect the TICKETS AP div. See Figure 4-30.
Figure 4-30
The TICKETS AP div with the featured CSS style applied
double line border
surrounds the AP div
8. Save the page, and then save the style sheet.
9. Preview the page in a browser. The double lines around the AP div are visible.
10. Close the browser.
Examining the Code for AP Div Tags
Remember that a div tag is a generic, block-level HTML tag that can be used for many
things; you have examined the div tag in the tutorial. When you create an AP div,
Dreamweaver places an ID style in the head of the page that defi nes the type of position-
ing, the AP div's left and top coordinates, the width and height, the overfl ow value, and
the z-index number. The style is placed in the head of the page instead of in the style
sheet because absolute positioning is usually so specifi c that you generally apply it to
only one element in a site. If you plan to use an AP div in multiple pages of a site, you
can move the style to the style sheet. Because the tickets AP div will appear in only the
home page and because you do not want to clutter a style sheet with a lot of styles that
will be used only one time and in one page, it is okay to leave the style in the head of
the page. Dreamweaver uses the CSS-P Element name entered in the Property inspector
as the ID style name.
Search WWH ::




Custom Search