[Site map] You are here --- > Newbies Paradise > Forums > Website > XHTML / CSS / JS > order > Read the topic

order

non background picture

You have to be registered to post messages

Solved This topic's problem has been solved

Page 1

Author

Message

1 visitor on this topic (1 anonymous user)

Page 1

jixer

# Posted on 04/21/2007 01:44:56 PM

Can I put a picture behind text without making it the background? eg, different layers

thanks for the help, jixer

Edited on 04/21/2007 06:42:08 PM by jixer

ixM

# Posted on 04/21/2007 08:19:11 PM

Made in Belgium

Yes, if you use a div for example.

Code: xHTML

<body>
<p>lalallalalala it's just some text. <span style="background-image: url('./images/not_a_background.png');">This is text with a local different background :)</span>...
Yeah</body>

Hope it helped

Cya

Everything's a fallacy

asmodeus

# Posted on 04/28/2008 04:25:02 AM

Group : Members

Another possible way is, in the style tag insert something like this:

#image{z-index:1;}
#text{z-index:2;}

This will place the container with the id of "text" in front of the image with the id of "image" (Keep in mind that a z-index of 0 is the default)

Slycooper

# Posted on 07/11/2008 11:02:50 AM

Group : Members

You can use CSS :

Code: HTML

<p><!-- Normal text -->
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non lectus quis nibh gravida vulputate. Aliquam blandit leo id odio. 
</p>

<p class="back2"><!-- Text  whit another background -->
Mauris nunc. Sed eros metus, sollicitudin quis, dictum sed, tempor pretium, risus. Aliquam erat volutpat. Suspendisse viverra tincidunt magna! 
</p>

Code: CSS

.back2
{
   background-image: url('images/background2.jpg')
}

Edited on 07/11/2008 11:03:07 AM by Slycooper

I'm French, just French, only French !!

How progress in English?
In reading the "Site du Zér0" in English of course !

Back to "XHTML / CSS / JS" or to the boards list

You have to be registered to post messages

How-to

Community

User Menu

Search

Guestbook

Advertising

order

non background picture