Dreamweaver

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 bar, 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.