Operation Manual

160
USING DREAMWEAVER
Creating pages with CSS
Last updated 3/28/2012
• In the Document window, Shift-click inside or on the border of two or more AP elements.
Change the stacking order of AP elements
Use the Property inspector or the AP Elements panel to change the stacking order of AP elements. The AP element at
the top of the AP Elements panel list is at the top of the stacking order, and appears in front of the other
AP elements.
In HTML code, the stacking order, or z-index, of the AP elements determines the order in which they are drawn in a
browser. The higher the z-index of an AP element, the higher that AP element is in the stacking order. (For example,
an element with a z-index of 4 will appear on top of an element with a z-index of 3; 1 is always the lowest number in
the stacking order.) You can change the z-index for each AP element using the AP Elements panel or Property
inspector.
Change the stacking order of AP elements using the AP Elements panel
1 Select Window > AP Elements to open the AP Elements panel.
2 Double-click the z-index number next to the AP element whose z-index you want to change.
3 Change the number and press Return/Enter.
• Type a higher number to move the AP element up in the stacking order.
• Type a lower number to move the AP element down in the stacking order.
Change the stacking order of AP elements using the Property inspector
1 Select Window > AP Elements to open the AP Elements panel to see the current stacking order.
2 In the AP Elements panel or in the Document window, select the AP element whose z-index you want to change.
3 In the Property inspector (Window > Properties), type a number in the Z-Index text box.
• Type a higher number to move the AP element up in the stacking order.
• Type a lower number to move the AP element down in the stacking order.
Show and hide AP elements
While working on your document, you can show and hide AP elements manually, using the AP Elements panel, to see
how the page will appear under different conditions.
Note: The currently selected AP element always becomes visible and appears in front of other AP elements while it’s
selected.
Change AP element visibility
1 Select Window > AP Elements to open the AP Elements panel.
2 Click in the eye icon column for an AP element to change its visibility.
• An open eye means the AP element is visible.
• A closed eye means the AP element is invisible.
• If there is no eye icon, usually the AP element inherits visibility from its parent. (When AP elements are not nested,
the parent is the document body, which is always visible.)
Also, no eye icon appears when no visibility is specified (which appears in the Property inspector as Default visibility).
Change the visibility of all AP elements at once
❖ In the AP Elements panel (Window > AP Elements), click the header eye icon at the top of the column.