Add or remove a layer

You can add a layer (a <div> tag that is set to either relative or absolute position) to a web page in Microsoft Expression Web by inserting the layer or drawing the layer's dimensions.

Tip

If you prefer to create a layer from scratch without any of the default properties that Expression Web includes when you insert a layer, in the Toolbox panel or in the Insert menu, on the HTML submenu, select <div> instead of Layer. Your <div> tag must use a style that sets the position property to either absolute or relative in order for the div to be recognized as a layer in Expression Web and appear in the Layers panel.

To insert a layer in a web page

  1. In Design view or Code view, put your cursor where you want the layer to begin in the web page.

  2. Do one of the following:

    • In the Layers panel, click Insert LayerCc295473.2391e3d1-b8fe-4363-9a28-99c6c672b8e2(en-us,Expression.40).png.

    • On the Insert menu, point to HTML, and then click Layer.

    • In the Toolbox panel, in the Tags category, double-click Layer.

    • To insert a new layer and nest it within an existing layer, either put your cursor in the existing layer or select the layer in the Layers panel, and then in the Layers panel, click Insert LayerCc295473.2391e3d1-b8fe-4363-9a28-99c6c672b8e2(en-us,Expression.40).png.

To draw a layer in a web page

  1. In the Layers panel, select Draw LayerCc295473.d6f75c88-0288-4411-a189-8db8b7565386(en-us,Expression.40).png.

  2. In Design view, in your web page, click where you want one corner of the layer to begin, drag away from where you clicked, and release your pointer when the outline is the size you want.

To delete a layer from a web page

With your web page open, do one of the following:

  • In the Layers panel, select the layer you want to delete, and then press DELETE or BACKSPACE.

  • In Design view, select the layer you want to delete, and then on the Edit menu, click Delete or Cut.

See also

Tasks

Position a layer
Modify the visibility or ID of a layer
Position a layer
Resize a layer
Set margins, padding, and dimensions in Design view
Set border, padding, and background properties

Reference

Layers panel

Concepts

Using layers

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.