Layers

Tag Types:

There are 4 tag types to choose from:

DIV: Use this to absolutely position a layer.
SPAN: Use this if you want your layer to be inline with the rest of the page.
ILAYER: proprietary Netscape tag. Relative positioning
LAYER: proprietary Netscape tag. Absolute positioning

*note: when you create a layer you will see a small selectable icon that represents the layer.

You can change this by selecting the layer and then adjusting it in the pull-down menu for tag in the properties inspector.

This is a div tag example layer

. Note how it breaks the text.

This is a span tag example layerno break. Note how it doesn't break the text.

Netscape's Proprietary positioning tags:

ILayer tags can position relatively.
Layer tags will position absolutely.

some sample code looks like this:

<layer id="layer1" top="10" left="50" width="100" height="200" bgcolor="yellow" z-index="1">This is the bottom layer. It is yellow.</layer>
<layer id="layer2" top="20" left="60" width="100" height="200" bgcolor="orange" z-index="2">This is the top layer. It is orange</layer>
<nolayer>This page contains elements positioned with layers. It only works in Netscape Communicator 4. </nolayer>

*note: the official way to position elements precisely is with styles not the <layer> tag. So, you will be using the <div> and <span> options instead for future CSS support.