Creating and positioning a layer
To create a layer
- Place the insertion point anywhere in the document.
- On the Insert menu, go to the Text group, and then click Layer.
A new layer will appear above the paragraph that contained the insertion point, and the insertion point will be moved inside the layer. Note that the layer’s ID and its size are displayed on the blue title bar just above the layer. If the display of special tag marksTo toggle the display of special tag marks, click Show/Hide Special Tag Marks on the Standard Toolbar. is enabled, a layer mark ( ) will indicate the location of the layer tagThe <div> or <layer> element that represents the layer in the document source. in the document.
The new layer has a transparent background, so if there is any content below the point where you inserted the layer, it will be visible through the layer.
The location of the layer tag has no relationship to the position of a layer. You can insert a layer tag anywhere in a document, and you can move the layer to any position, independently of the layer tag. However, note that deleting the layer tag deletes the layer.
If you find layer marks distracting, you can hide them: On the View menu, go to the Display group, and then click Show/Hide Special Tag Marks.
To position a layer
- Click inside the layer to reveal its handle—the small box at the top left corner of the layer. (The handle is only visible when the layer is selected or the insertion point is inside it.)
- Drag the handle. A dotted outline of the layer follows the pointer. Stop dragging when the layer is in the desired position.
Positioning a layer by dragging its handle
You can also drag a layer by its outline. When the pointer is over the outline, it turns into a hand to indicate that dragging is possible.
To move a layer one pixel at a time
- Click the layer’s outline or layer markA small icon, visible only in Edit mode, that marks the location of a layer tag in the document. to select it.
- Press any of the arrow keys. Each keypress will move the layer one pixel in the corresponding direction.
To specify the exact position of a layer
- Double-click the layer’s outline or layer markA small icon, visible only in Edit mode, that marks the location of a layer tag in the document. to select it.
- Enter numbers representing the distance of the layer from the document’s left and top edges, respectively, in the Left and Top boxes.
By default, layers are positioned with respect to the document’s left and top edges. However, a layer can also be positioned horizontally with respect to the document’s right edge, and vertically with respect to the document’s bottom edge. The effect will be that the layer’s position with respect to other content on the page will depend on how wide (or tall) the browser window is.
To position a layer horizontally with respect to the document’s right edge
- Double-click the layer’s outline or layer mark to select it.
- Click the first Position box and select Right.
- Position the layer as desired.
To position a layer vertically with respect to the document’s bottom edge
- Click the layer’s outline or layer mark to select it.
- Double-click the second Position box and select Bottom.
- Position the layer as desired.
You can also leave a layer’s horizontal or vertical position unspecified. In this case, the layer’s position on the relevant axis will be determined by the location of the point at which you inserted the layer into the document, like any other element. However, unlike other elements, the layer will still not affect the position of any content that follows it.
To leave a layer’s horizontal or vertical position unspecified
- Double-click the layer’s outline or layer mark.
- Click the first Position box (for horizontal position) or the second Position box (for vertical position) and select (do not specify).
You can enter negative values for a layer’s horizontal and/or vertical position. This will place the layer partially or completely outside the document boundaries. To reposition a layer that is completely outside the document boundaries, double-click the associated layer mark and enter a new position in the Layer Properties dialog box.
You can tell at a glance whether a layer is positioned with respect to the document’s top-left corner, its bottom-right corner, and so on. The small, square icon on the layer’s title bar indicates the layer’s positioning method. See the table below.
Icon |
Positioning (H/V) |
---|---|
|
left / top |
|
right / top |
|
left / bottom |
|
right / bottom |
|
left / unspecified |
.layer.create.10.gif"> |
right / unspecified |
|
unspecified / top |
|
unspecified / bottom |
|
unspecified / unspecified |