SarahNarra
01-27-2003, 09:54 PM
Hi...I need some help. I have put a picture on the left hand side of my page and I have text that I want to over lap it. (the picture is not a back ground) How do I make it so the picture doesn't cover the text??? Please help. I tried doing a search of the past theads but that didn't help.
Thanks.
Sarah
P.S I've used absolute positioning...it rocks...but they picture still covers the text.
On your page, you have to position the picture before the text.
<img src="IMAGE.GIF" style="position:absolute; top:#px; left:#px;">
<div style="position:absolute; top:#px; left:#px;">
Blah, blah, blah :P
</div>
Hehe, I used to have that problem too ;)
SarahNarra
01-27-2003, 10:47 PM
Thanks....but that didn't work. :( Will you see what I mean? http://www.geocities.com/donny.html
The top line is all I'm worried about... the one that says "so who is this good looking donny guy you ask?"
Thanks.
starlet
01-27-2003, 11:39 PM
Add the z index code to your DIVs...
z-index:2
add that to the text div and add
z-index:1
to the picture div
SarahNarra
01-28-2003, 02:46 AM
Thanks! Where do I put that in the div tag?
starlet
01-28-2003, 05:53 PM
<div style="position:absolute; top:#px; left:#px; z-index:1;">