PDA

View Full Version : Text above image.


missj
05-17-2006, 10:40 AM
Hi there, again.
I am currently working in Dreamweaver 8, I know that this is probably really really simple, but I have yet to figure it out - so please help if you know.
I just want to know how you can place a chunk of text on top of an image.
I have tried using layers on top of the original image. It was fine when i previewed it with Firefox before uploading, but when i try to actually upload it to the web, it either goes real funny, like its way out of place (the layer i mean) or you cant see it at all.
How do you do it?
Thanks in advance. :--)

gmcrone
05-17-2006, 02:31 PM
The easiest way is to put your image in a table and make it the background for that td.

Mike...

domedia
05-17-2006, 03:26 PM
Or any kind of tag really. This will work just fine as well:
HTML:
<p id="feature">This text is above the photo.</p>

CSS:
p#feature {
padding: 10px;
background-image: url(assets/photo.jpg);
background-repeat: no-repeat;
}

missj
05-18-2006, 07:01 AM
Hey there.
I'm back. Thanks for the advice, opening Dreamweaver now to try it, and would come back when I have problems with following it or understanding it. LOL
Anyways, I really have no idea why I posted this in the Photoshop section of the forum.