PDA

View Full Version : Div layers

smiley-faces101
10-30-2003, 07:47 PM
I'm trying to make a div layer using this code:
<html>
<body>
<style> body {background-color=black} </style><font color="white">

<font family="Veranda">
<center><div id=layer1 ><div style="position:absolute; center;200px; page:200px; width:200px; height:700x; background-color:#transparent; overflow:auto; scrollbar-face-color : #000000; scrollbar-highlight-color : #ffffff; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #ffffff;" z-index:1; padding:5px; border: #000000 2px solid; background-image:http://www.angelfire.com/hi5/dazed/world.jpg; layer-background-image:http://www.angelfire.com/hi5/dazed/world.jpg">

Okey dokey. does this work? Remember this site is not up yet this is all experamental! That's ok, right? I mean, even horseland had to start somewhere. who knows? maybe they started with expage!blahblahblahblahblahblah blahblahblahblahblahblah blahblahblahblahblahblah blahblahblahblahblahblah
</div>

</body>
</html>

But the image won't show up. The way I want it to be is I want the div layer to be to the left of the horse's head and under the text. How can I do that? This is the iamge I want to use:
http://www.angelfire.com/hi5/dazed/world.jpg
Thanks! Please help!
kittycat
10-30-2003, 08:26 PM
<html>
<head>
<style type="text/css"> body {background-color:black} </style>
</head>
<body>

<font color="white" face="Veranda">
<center><div id=layer1 style="position:absolute; center:200px; page:200px; width:200px; height:700px; background-color:transparent; overflow:auto; scrollbar-face-color : #000000; scrollbar-highlight-color : #ffffff; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #ffffff; z-index:1; padding:5px; border: #000000 2px solid; background-image: url(http://www.angelfire.com/hi5/dazed/world.jpg); layer-background-image: url(http://www.angelfire.com/hi5/dazed/world.jpg)">

Okey dokey. does this work? Remember this site is not up yet this is all experamental! That's ok, right? I mean, even horseland had to start somewhere. who knows? maybe they started with expage!blahblahblahblahbl
ahblah blahblahblahblahblahblah blahblahblahblahblahblah blahblahblahblahblahblah
</div>

</body>
</html>

A modified version of your code, I think I fixed all/most of the errors. The parts in bold you need to change to something else, I'm assuming top and left since it seems like it might be positioning.
Rosey
10-31-2003, 05:05 AM
Do you just want the horse image once? On the left/right?

I know you want the text underneath the text on the horse image. Do you want it only on the horse image or are you going to have content underneath it?
Rosey
10-31-2003, 06:14 AM
Check you private message and let me know what you think.