Beework Web Design Logo

  Search

  

Skype: beeworkweb
Email:info@beework.net

Sales (free):
0800 882 4173

Support:
0870 978 0583

Mobile:
07866 627185

Registered Member of the UK Web Design Association 
Registered Member
of the UK Web Design
Association

Valid XHTML 1.0 Strict



Generate Dynamic Layers Code

Generates the code to create layers in your page. The writing dynamically and showing and hiding parts to this script don't work in Netscape 6 +. If you get it working in Netscape 6, send it to me and I'll update this tool.

Number of Layers:
Add function to allow layers to be written to dynamically
Add function to allow layers to be hidden or shown dynamically

Layers

Layers allow you to position content in your web pages exactly without having to use tables. They are only viewable in browsers later than version 4. As well as being able to be more exact in the way you position your content, they give you the option to change the values of a layer and to specify whether a layer is to be visible or hidden.

To create layers you first need to define your layers in a style section
<style type="text/css">
<!--
#layer0{ position: absolute;left: 32px; top: 40px;width:200px; height: 100px; visibility:visible; Z-INDEX: 2}
-->
</style>

You then need to place your layers somewhere on your page which you do with a <div> tag.
<div id="layer0">This is Layer 0</div>