text over an image using CSS?

toilandtrouble · July 12th, 2006, 10:09 PM

Iâm helping a friend build a web site- Iâm a graphic designer who works largely in print and am learning HTLM little by little, so I basically have the book open in my lap as I design the siteâ¦

My friend wishes to have active links on top of an image (for instance an image under the left-side menu text). Everything Iâve read so far seems to imply that it is possible, but doesnât give any insight as to how to command text position on a CSS. Is it possible? Can anyone provide a simple example?

meow · July 12th, 2006, 10:20 PM

Yes, by positioning or negative margins. But for what you describe it sounds like the image could simply be a background. Or is the image part of the content, i.e. should be there without CSS? In case you don't know, all elements can have background images with CSS. :)

--
http://yupapa.com

toilandtrouble · July 12th, 2006, 10:47 PM

Quote:

quote:Originally posted by meow
Yes, by positioning or negative margins. But for what you describe it sounds like the image could simply be a background. Or is the image part of the content, i.e. should be there without CSS? In case you don't know, all elements can have background images with CSS. :)

Thanks for responding- the images aren't (or at least I haven't made them) background images. One is a top banner and then there's the left-side menu image. Do you know of any sites where positioning and negative margins are explained? I truly appreciate your help!

Dj Kat · July 16th, 2006, 05:36 PM

Can you give the code you have so far it might give a better view on what you are trying to accomplish.

you can put text into a layer and then you can position the layer with css

here's an example of placing a layer with css

Code:

<style>
/*link class*/
link{
  margin-left:100px;/*this will move the div 100px to the left*/
  margin-top:100px;/*this will move the div 100px downwards*/
}
</style>

<div class="link">
  <a href=# >This is a link</a>
<div>

don't forget to check w3c for css tutorials
w3c schools

__________________________________________________ ________
This is my junk I'm gona eat it

richard.york · July 16th, 2006, 05:47 PM

> don't forget to check w3c for css tutorials

Just so it's clear, the W3C is a standards organization who defines standards for World Wide Web technologies, whose home page is located at http://www.w3.org.

W3 Schools is a separate, commercial entity who has no affiliation with the W3C standards organization whatsoever, whose home page is http://www.w3schools.com.

;)

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html