Adobe Dreamweaver CC 2014 v.13 User Manual

Page 288

Advertising
background image

Click inside an AP element and press Control+A (Windows) or Command+A (Macintosh) to select the contents of the AP element. Press
Control+A or Command+A again to select the AP element.

Click inside an AP element and select its tag in the tag selector.

Select multiple AP elements

Do one of the following:

In the AP Elements panel (Window > AP Elements), Shift-click two or more AP element names.

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.

Note: This procedure can set all AP elements to visible or hidden, but not to inherit.

Resize AP elements

You can resize an individual AP element, or simultaneously resize multiple AP elements to make them the same width and height.

If the Prevent Overlaps option is on, you will not be able to resize an AP element so that it overlaps with another AP element.

Resize an AP element

281

Advertising
This manual is related to the following products: