Shoutbox

some HTML/CSS help. - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: some HTML/CSS help. (/showthread.php?tid=39345)
some HTML/CSS help. by Ash_ on 03-01-2005 at 07:03 AM

ok, how do i put an image Behind some text?

like maybe a div layer with an img src. then end the div, and write some text.

i tried that but it still moves the text down after the image.

code:
<div class="title"><img src='http://shoutbox.menthix.net/images/mp3me/on.gif'></div>
hello

does anyone know how to do this?

thanks in advance.
RE: some HTML/CSS help. by Ahmad on 03-01-2005 at 07:07 AM

Add these to .title ..e.g:

code:
.title {
  background-image:url(images/mp3me/on.gif);
  background-repeat:no-repeat;
}

Then use <div class="title">hello</div>
RE: some HTML/CSS help. by Ash_ on 03-01-2005 at 07:26 AM

thank you Very much

RE: some HTML/CSS help. by Ahmad on 03-01-2005 at 07:26 AM

Very welcome :)

RE: some HTML/CSS help. by -dt- on 03-01-2005 at 09:33 AM

or you could use css layers if you dont want the image to be trapped in the same div as the text by using this for the background 

code:
z-index:0;

and just use
code:
z-index:1;
for the text
RE: some HTML/CSS help. by fluffy_lobster on 03-01-2005 at 01:48 PM

* fluffy_lobster vomits all over css absolute positioning

Never unless you really have to.