View Full Version : How to overlap text on photoshop images?


graham23s
02-07-2006, 12:20 PM
Hi Guys,

i was htinking about making a logo in photoshop the directly underneath it making a long bar 800 wide by about 20 high so i can have my buttons on there to later mask with css my question is how would i go about placing the text on the photoshopped bar? would i use position: absolute; in the css or is there an easier way to do it?

thanks for any info guys

Graham

allie
02-07-2006, 02:01 PM
If your text is just text, you can absolute or relative position a div with a background image and just add text (and links) through html:

http://www.lissaexplains.com/html7.shtml

A prettier way to do that is to make an image with text already on it and include it in the background. You can fake an image map with css ( this (http://www.dannyspearsband.com) site does it) :

http://www.alistapart.com/articles/imagemap

graham23s
02-07-2006, 07:12 PM
Hi Allie,

Thanks for the reply:)

i do like the second way,like you say make the buttons in photoshop then slice them, then make the images buttons ill think ill go for that:)

one thing ally when you say image map in CSS how would that work exactly?

what i wasa thinking of doing was <a href="links.html" img src="button1.jpg">

(code not exactly right there lol) would the css way bet better do you think?

thanks for your help

Graham