Operation Manual

155

USING DREAMWEAVER

Creating pages with CSS

Last updated 3/28/2012

Draw a single AP Div or multiple AP Divs consecutively

1 In the Layout category of the Insert panel, click the Draw AP Div button .

2 In the Document window’s Design view, do one of the following:

• Drag to draw a single AP Div.

• Control-drag (Windows) or Command-drag (Macintosh) to draw multiple AP Divs consecutively.

You can continue to draw new AP Divs as long as you do not release the Control or Command key.

Insert an AP Div at a particular place in the document

❖ Place the insertion point in the Document window, and then select Insert > Layout Objects > AP Div.

Note: This procedure places the tag for the AP Div wherever you clicked in the Document window. The visual rendering

of the AP Div may thus affect other page elements (like text) that surround it.

Place the insertion point in an AP Div

❖ Click anywhere inside the AP Div’s borders.

The AP Div’s borders are highlighted, and the selection handle appears, but the AP Div itself is not selected.

Show AP Div borders

❖ Select View > Visual Aids and select either AP Div Outlines or CSS Layout Outlines.

Note: Selecting both options simultaneously has the same effect.

Hide AP Div borders

❖ Select View > Visual Aids and deselect both AP Div Outlines and CSS Layout Outlines.

Work with nested AP Divs

A nested AP Div is an AP Div that has code contained within the tags of another AP Div. For example, the following

code shows two AP Divs that are not nested, and two AP Divs that are nested:

</div>

The graphical depiction for either set of AP Divs might look as follows:

In the first set of div tags, one div is sitting on top of the other on the page. In the second set, the apDiv4 div is actually

inside of the apDiv3 div. (You can change AP Div stacking order in the AP Elements panel.)