
428
Part III
Adding Advanced Design Features
FIGURE 11-2
Dreamweaver lists all the available CSS rules that can be applied
to a new
<div> tag either as a Class or an ID.
3. Choose the CSS rule from either the Class or ID list. Dreamweaver shows only those IDs
that have not been previously applied.
If the CSS rule is not available from either of the lists—perhaps because the style sheet
is dynamically applied—you can enter the name directly into either the Class or ID field.
However, unless Design Time Style Sheets are used to show the styles, the layout won’t render properly
in Dreamweaver.
4. Select where you’d like the tag placed from the Insert list. Dreamweaver provides differ-
ent options depending on the makeup of the page and whether content is already selected.
Only tags with assigned IDs are listed, along with the
<body> tag. Here are the Insert
options you can choose from:
At Insertion Point:
■■
Inserts the <div> tag at the current cursor position. This option is
available only if no content is selected.
Wrap Around Selection:
■■
Wraps the <div> tag around the currently selected content.
Available only if a selection was made prior to inserting the
<div> tag.
Before Tag:
■■
Puts the tag before the tag selected in the adjacent field.
After Tag:
■■
Inserts the <div> tag after the tag selected in the adjacent field.
After Start Of Tag:
■■
Places the <div> tag immediately follow ...