beautypg.com

Adobe Dreamweaver CC 2014 v.13 User Manual

Page 284

background image

You can change properties for AP Divs (or any AP element) on your page, including x and y coordinates, z-index (also called the stacking order),
and visibility.

Insert an AP Div

Dreamweaver lets you easily create and position AP Divs on your page. You can also create nested AP Divs.

When you insert an AP Div, Dreamweaver displays an outline of the AP Div in Design view by default, and highlights the block when you move the
pointer over it. You can disable the visual aid that shows AP Div (or any AP element) outlines by disabling both AP Element Outlines and CSS
Layout Outlines in the View > Visual Aids menu. You can also enable backgrounds and the box model for AP elements as a visual aid while you
design.

After you create an AP Div, you can add content to it by simply placing your insertion point in the AP Div, and then adding content just as you
would add content to a page.

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:

277

This manual is related to the following products: