CSS - Layers

Tempest · 09-25-2003, 12:37 AM

**
This code is used to place an image behind text. You can change the left and top dimensions to move the image anywhere on the page - (be sure to replace "yourimage.gif" with the appropriate image)
**

<html>

<head>
<style type="text/css">
img.x {position: absolute; left: 10; top: 20; z-index: -1}
</style>
</head>

<body>

<h1>You can enter your text here...</h1>
<img class="x" src="yourimage.gif" width="100" height="100">

<p>z-index is always default at 0. -1 will place the image behind the text...</p>
????: NamePros.com http://www.namepros.com/code/15299-css-layers.html

</body>
</html>

web guru · 09-25-2003, 04:57 AM

Nice one!!

Alpha · 12-30-2003, 12:24 PM

Cool. I'm gonna have to try it. I've been working on a CSS lately so it'll be easy to implement this. In fact, I'm getting ideas already

Thanks!

BoRiCuA · 05-20-2004, 04:56 PM

Dang this is nice!!! Never knew it existed tho

!!!

09-25-2003, 12:37 AM	THREAD STARTER #1 (permalink)
Tempest NamePros Member Join Date: Aug 2003 Posts: 36	CSS - Layers This code is used to place an image behind text. You can change the left and top dimensions to move the image anywhere on the page - (be sure to replace "yourimage.gif" with the appropriate image) <html> <head> <style type="text/css"> img.x {position: absolute; left: 10; top: 20; z-index: -1} </style> </head> <body> <h1>You can enter your text here...</h1> <img class="x" src="yourimage.gif" width="100" height="100"> <p>z-index is always default at 0. -1 will place the image behind the text...</p> ????: NamePros.com http://www.namepros.com/code/15299-css-layers.html </body> </html>

09-25-2003, 04:57 AM	#2 (permalink)
web guru NamePros Member Join Date: Jul 2003 Posts: 118	Nice one!! __________________ Paulicon Web design - Your one stop shop

12-30-2003, 12:24 PM	#3 (permalink)
Alpha NamePros Regular Join Date: Jun 2003 Location: California Posts: 245	Cool. I'm gonna have to try it. I've been working on a CSS lately so it'll be easy to implement this. In fact, I'm getting ideas already Thanks! __________________ --Alpha

05-20-2004, 04:56 PM	#4 (permalink)
BoRiCuA Account Closed Join Date: Apr 2004 Location: Connecticut Posts: 586	Dang this is nice!!! Never knew it existed tho !!!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)