AP divs are layers that can be placed precisely via a Left and Top value in pixels or percentages (relative to the top left corner of the document window). They can contain any content, and float above all other content on the page.
1. Create a new blank HTML document and click Insert- Layout Objects- AP Div
2. This inserts a layer object into the document. Use the control handle at the top left to drag into a position on the page, or select the layer and use the numeric fields in the Properties panel to move it to a specified position (use % to make it variable in relation to the width and height of the open document window). Drag the width and height control points or use the numeric fields to set height and width. Set a background color.
Example:
Here is an AP div set to
L=550px,
T=330px,
H=115px,
W=192px,
with a background color of #033366
More Properties values:
Overflow settings determine how content in the layer will be displayed. Note a scroll bar can be added to the layer.
the Z-index determines how layers stack. Larger numbers overlap smaller ones.
Multiple layers can be overlapped on the page.
More on this in class.
Next: iFrames
back to top