Export (0) Print
Expand All

Position a layer

The position of a layer on a web page is determined by the layer's positioning style (absolute or relative), wrapping style (left, right, or none), order along the z-axis (z-index value) and relative position coordinates (left, top, right, and bottom).

Cc295532.alert_tip(en-us,Expression.30).gifTip:

In addition to the steps that are provided in this topic, you can also set a layer's positioning style, relative position coordinates, and order on the z-axis (as well as other layer properties) by selecting the layer and setting these values in either the CSS Properties panel or the Positioning toolbar. For more information, see CSS Properties paneland Positioning toolbar.

In the Layers panel, do one of the following:

  • Drag the layer up or down the list to the position you want. The layer's z-index is then set to one greater than the layer that is listed below it in the Layers panel.

  • Double-click the layer's value in the Layer Z-Index column and type a new value.

  • Right-click the layer and select Positioning, in the Position dialog box, specify a value in the Z-Order box, and click OK.

  1. To open the Position dialog box, do one of the following:

    • In the Layers panel, right-click the layer, and select Positioning.

    • In Design view, select the layer, point to Format, and select Position.

  2. To specify how you want the page elements to wrap around the layer, in the Position dialog box, under Wrapping style, select a style.

  3. To specify the positioning style of the layer, under Positioning style, select either Absolute or Relative.

    Cc295532.alert_note(en-us,Expression.30).gifNote:

    Setting a layer's Position to a value other than absolute or relative stops Microsoft Expression Web from treating that set of <div> tags as a layer.

  4. To specify the relative position coordinates of the layer, under Location and size, enter values in the Left, Right, Top, and Bottom boxes.

  5. Click OK.

  • In Design view, point at any side of the layer while avoiding the corner and side handles start dragging when your pointer icon appears as a quadruple-headed arrow, and then drag the layer to the new position.

    Cc295532.alert_note(en-us,Expression.30).gifNote:

    If your layer uses absolute positioning, you can drag the layer to any point on the web page; if your layer uses relative positioning, you can only drag your layer to within a container block.

  1. In Design view or Code view, put your cursor in the layer you want to position or select the layer.

  2. At the top of the editing window in the Quick Tag Selector bar, point to the <div> tag of the current layer, click the down arrow next to the tag, point to Positioning, and click a positioning style.

Community Additions

ADD
Show:
© 2014 Microsoft