<HTML> <HEAD> <TITLE>Positioning elements with layers</TITLE> </head> <BODY> <LAYER ID=layer1 TOP=10 LEFT=50 WIDTH=100 HEIGHT=100 BGCOLOR=yellow Z-INDEX=1> This is the very bottom layer. It's yellow. </LAYER> <LAYER ID=layer2 TOP=20 LEFT=60 WIDTH=160 HEIGHT=80 BGCOLOR=orange Z-INDEX=2> This is the second layer from the bottom. It's orange. </LAYER> <LAYER ID=layer3 TOP=40 LEFT=80 WIDTH=40 HEIGHT=40 BGCOLOR=black Z-INDEX=3> <FONT COLOR=yellow>This is layer 3. It's black.</FONT> </LAYER> <LAYER ID=layer4 TOP=70 LEFT=200 WIDTH=100 HEIGHT=100 BGCOLOR=red Z-INDEX=1> This layer is at the same level as the first one, that is, the bottom. </LAYER> <NOLAYER> <p> This page contains elements positioned with layers. It only works in Netscape Communicator 4. This text is only seen by browsers that do not support layers. </NOLAYER> </BODY> </HTML>