Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

 

<ILAYER> ... </ILAYER> ILAYER

Description:

The ILAYER element (also known as an 'inflow' or 'in-line' layer) was created by Netscape and allows an author to define precisely positioned 2-dimensional layout consisting of overlapping layers of transparent or solid content on a web page. All the content between the opening and closing ILAYER tags can be treated as a single item of content that can be moved and altered in various ways. ILAYER elements that do not specify positioning will appear within the flow of a document (like an image.) If positioning values ARE used on this type of layer, the positioning coordinates are relative to where the layer would ordinarily occur in the document flow. The other tag-based method of defining a layer is through the use of the 'out-of-flow' or 'positioned' LAYER element.

Layers can have a stacking order that allows a virtual third z-dimension to be defined. Using this, layers can appear on top of other layers. Layers can also be transparent or solid; if transparent, the content of underlying layers shows through it. As if that wasn't enough, background colors or tiled images can also be specified for a layer (setting these attributes for a layer will negate its transparency property and layers below it will be obscured.)

Attributes:

above - This attribute specifies the name of the layer that will occur directly above the current layer in the layer stacking order (z-order.) It overrides the default behavior of placing new layers on top of all existing layers. Only one of the Z-INDEX, ABOVE, or BELOW attributes can be used for a given layer. References to layers not yet defined result in default layer creation behavior - i.e. the new layer will be placed on top of all existing layers.

background - This specifies a background image to be tiled on a layer. Default behavior for a layer is to be transparent.

below - This attribute specifies the name of the layer that will occur directly below the current layer in the layer stacking order (z-order.) It overrides the default behavior of placing new layers on top of all existing layers. Only one of the Z-INDEX, ABOVE, or BELOW attributes can be used for a given layer. References to layers not yet defined result in default layer creation behavior - i.e. the new layer will be placed on top of all existing layers.

bgcolor - This specifies the background color of the layer. Default behavior for a layer is to be transparent.

clip - This parameter specifies the clipping rectangle (viewable area) of the layer, which can be less than the width and height of the content of the layer. If the CLIP attribute is omitted, the clipping rectangle of a layer is the same size as the HTML content of the layer. A layer will expand to contain all of its content by default.

height - This parameters specifies the height of the layer's content and serves as a reference dimension for child layers.

left - This specifies the coordinate position of the left side boundary position of the current layer in relation to a parent layer if present. if no parent layer exists, the value is relative to the main document window.

name - This attribute specifies the name of the layer in order to identify or reference it from other layers or scripting languages. Layers are unnamed by default.

onblur - A blur Event Handler executes Script code when a layer loses keyboard focus.

onfocus - A focus Event Handler executes Script code when a layer receives input focus by tabbing with the keyboard or clicking with the mouse.

onload - This attribute executes Script code with the completion of loading of the layer.

onMouseOver - A mouseOver Event Handler executes Script code once each time the mouse pointer moves over a layer from outside the layer.

onMouseOut - A mouseOut Event Handler executes Script code once each time the mouse pointer exits from the bounds of a layer from inside the layer.

pagex - specifies the absolute horizontal (X) coordinate position of the left boundary position of the current layer in relation to the document window (this differs slightly in definition from the LEFT attribute.)

pagey - This specifies the absolute vertical (Y) coordinate position of the top boundary position of the current layer in relation to the document window (this differs slightly in definition from the TOP attribute.)

src - This attribute specifies the URL of an HTML 'sub-document' to be inserted in to the layer. The effect is similar to the IFRAME element implemented by Internet Explorer.

top - This specifies the coordinate position of the top boundary position of the current layer in relation to a parent layer if present. if no parent layer exists, the value is relative to the main document window.

visibility - specifies whether the layer is visible or not. A layer will have the same visibility as its parent layer by default. Even if the visibility of a layer is set to SHOW, a layer can only be seen if there are no other visible, solid layers stacked on top of it. For top level layers that are not nested inside other layers, a value of INHERIT has the same effect as SHOW since the body document is always visible.

width - This parameters specifies the width of the layer's content. Specifically, it controls the right margin of the layer for wrapping purposes. Some elements may not be 'wrappable' (like images) and extend beyond the width specified. Layer contents wrap at the right boundary of the enclosing block by default.

z-index - This attribute allows a layer's stacking order (z-order) to be specified in terms of an integer. Layers with higher numbered Z-INDEX values are stacked above those with lower ones. Positive Z-INDEX values cause the layer to be stacked above its parent while negative values will cause the layer to be stacked below its parent. This attribute overrides the default behavior of placing new layers on top of all existing layers. Only one of the Z-INDEX, ABOVE, or BELOW attributes can be used for any given layer.

Example code:

<ilayer NAME="two" LEFT=40 TOP=20 Z-INDEX=2>
<font SIZE=7 COLOR="#0000ff">Two</font>
</ilayer>
<ilayer NAME="one" LEFT="-25" TOP=25 Z-INDEX=1>
<font SIZE=7 COLOR="#ffff00">One</font>
</ilayer>
<ilayer NAME="three" LEFT="-55" TOP=35 Z-INDEX=3>
<font SIZE=7 COLOR="#ff0000">Three</font> 
</ilayer>

Result:

Two One Three



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2010 All Rights Reserved
Privacy and Legal