Operation Manual

151
USING DREAMWEAVER
Creating pages with CSS
Last updated 3/28/2012
More Help topics
“About AP elements in Dreamweaver” on page 153
“Create a page with a CSS layout” on page 148
Edit div tags
After you insert a div tag, you can manipulate it or add content to it.
Note: Div tags that are absolutely positioned become AP elements.
When you assign borders to div tags, or when you have CSS Layout Outlines selected, they have visible borders. (CSS
Layout Outlines is selected by default in the View
> Visual Aids menu.) When you move the pointer over a div tag,
Dreamweaver highlights the tag. You can change the highlight color or disable highlighting.
When you select a div tag, you can view and edit rules for it in the CSS Styles panel. You can also add content to the
div tag by simply placing your insertion point inside the div tag, and then adding content just as you would add
content to a page.
More Help topics
“About AP elements in Dreamweaver” on page 153
“Open the CSS Styles panel” on page 124
View and edit rules applied to a div tag
1 Do one of the following to select the div tag:
• Click the border of the div tag.
Look for the highlighting to see the border.
• Click inside the div tag, and press Control+A (Windows) or Command+A (Macintosh) twice.
• Click inside the div tag, then select the div tag from the tag selector at the bottom of the Document window.
2 Select Window > CSS Styles to open the CSS Styles panel if it is not already open.
Rules applied to the div tag appear in the panel.
3 Make edits as necessary.
Place the insertion point in a div tag to add content
❖ Click anywhere inside the tag’s borders.
Change the placeholder text in a div tag
❖ Select the text, and then type over it or press Delete.
Note: You can add content to the div tag just as you would add content to a page.
Change the highlight color of div tags
When you move the pointer over the edge of a div tag in Design view, Dreamweaver highlights the borders of the tag.
You can enable or disable highlighting as necessary, or change the highlight color in the Preferences dialog box.
1 Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).
2 Select Highlighting from the category list on the left.