HTML code for layers

When you place a layer in a document, Dreamweaver inserts the HTML tag for that layer in your code. By default, Dreamweaver creates layers using the div tag.

NOTE

There are two other tags that you can use to create layers: layer and ilayer. However, these tags are supported only in Netscape Navigator 4; Internet Explorer does not support these tags, and Netscape discontinued support for these tags in later browsers. Dreamweaver recognizes the layer and ilayer tags, but does not create layers using these tags.

When you draw a layer using the Draw Layer tool, Dreamweaver inserts a div tag in the document and assigns the layer an id value (by default Layer1 for the first layer you draw, Layer2 for the second layer you draw, and so on). Later, you can rename the layer to anything you want using the Layers panel or the Property inspector. Dreamweaver also uses embedded CSS in the head of the document to position the layer, and to determine the layer’s exact dimensions.

The following is sample HTML code for a layer:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sample Layers Page</title>
<style type="text/css">
<!--
#Layer1 {


position:absolute;
left:62px;
top:67px;
width:421px;
height:188px;
z-index:1;

}
-->
</style>
</head>

<body>
<div id="Layer1"></div>
</body>
</html>

You can set properties for layers on your page, including x and y coordinates, z-index (also called the stacking order), and visibility. For more information, see Setting layer preferences and properties.

HTML code for layers

HTML code for layers

Related topics