Re: Overlapping Layers

by Steve Deemer <jasminpuppy(at)yahoo.com>

Date:	Mon, 12 Jun 2000 10:30:10 -0700 (PDT)
To:	"Franklin, Douglass" <Douglass.Franklin(at)ssa.gov>, "'hwg-techniques(at)hwg.org'" <hwg-techniques(at)hwg.org>
	todo: View Thread, Original

Here is a copy of a test I just put together you can
play with.. it deals with positioning and hidden
values.. Shows you examples of mouse over as well...
Have fun...
E-mail any questions you may have....

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<STYLE TYPE="text/css">
<!--
BODY {
    margin-top:0; margin-left:0; margin-right:0;
}
.one {
    position: relative; top: -5; color: #000000;
font-size: 8pt; font-family: verdana;  font-weight:
bold; letter-spacing: 
-1pt; text-decoration: none;
}
-->
</STYLE>
<Script language=Javasrcipt>
Function doit(){
layers.imagething.visibility=inherit;
}
Function stopit(){
layers.imagething.visibility=hide
}
</script>
</head>

<body bgcolor="#FFFFFF">
<layer name=layer1 left=200 top=50><h3>test this layer
1</h3> </layer>
<layer name=layer2 left=200 top=50
visibility='hide'><h3>Test this layer named
2</h3></layer>
<layer Name=imagething Top=250 left=400
visibility='hide'><h3>This should only <BR>be seen if
you mouse over??</h3></layer>
Here are a few examples... Clicking the buttons turns
on the layers or hides them...<BR>
There are three types of hidden values:
<LI>Hidden
<LI>Show
<LI>Inherit
<BR> the first two are self explained but the inherit
one means opposite

<form name=layerform">
<b>Layer 1:</B><br>
<input type="button" value="Hide"
Onclick="layers.layer1.visibility='hide'">
<input type="button" Value="show"
Onclick="layers.layer1.visibility='show'"><p>
<B> Layer 2:</b><br>
<input type="button" value="Hide"
Onclick="layers.layer2.visibility='hide'">
<input type="button" Value="Inherit(Show)"
Onclick="layers.layer2.visibility='inherit'"><BR>

</form>
<p>&nbsp;</p>
<BR>
<p><a href=#
onmouseover="layers.imagething.visibility='inherit'"
onmouseout="layers.imagething.visibility='hide'"><font

class=one>Mouse over ME<BR>this is a
test</font></a></p>

</body>
</html>

--- "Franklin, Douglass" <Douglass.Franklin(at)ssa.gov>
wrote:
> Would someone help me with overlapping layers using
> CSS?  If I have to use
> DHTML, that's fine too.
> 
> - Doug
> 
> Doug Franklin
> Social Security Administration
> Office of International Operations
> Module 1
> Benefit Authorizer
> Site LAN Coordinator
> Site Training Coordinator
> (410) 966-3735
> 
> 

__________________________________________________
Do You Yahoo!?
Yahoo! Photos -- now, 100 FREE prints!
http://photos.yahoo.com

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA