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 task pane 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 task pane.

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 task pane, click the Insert Layer button Cc295473.0076fcee-7091-4424-aefc-0e52d83d6d0b(en-us,Expression.10).gif.

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

    • In the Toolbox task pane, 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 task pane, and then in the Layers task pane, click the Insert Layer button Cc295473.0076fcee-7091-4424-aefc-0e52d83d6d0b(en-us,Expression.10).gif.

To draw a layer in a web page

  1. In the Layers task pane, select the Draw Layer button Cc295473.1887966e-1875-4610-815a-64a9c4f83952(en-us,Expression.10).gif.

  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 task pane, 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

Concepts

Layers overview

Position a layer

Modify the visibility or ID of a layer

Layers task pane

Position a layer

Resize a layer

Set margins, padding, and dimensions in Design view

Set border, padding, and background properties