I have about 5 images for my website which need to have a couple of words printed on them. Occasionally these words change and rather than having to go to Photoshop and change it each time is there any way I can do it so that I just have a the raw image and can write on top of it? I'm currently using Dreamweaver although I am competent enough to code in HTML and CSS so if someone could teach me either way it'd be much appreciated. Roosta
Try putting the image as the background of a div box and putting text in the box. Hope it helps Wierdo
Yep that is the way to go. #box{ background: url('images/box_background.png') no-repeat; } Code (markup): <div id="box"> Text overlay </div> HTML:
Yes you can, using negative margins. <img src="path/image.jpg" alt="image" /> <p>Overlaying text</p> Code (markup): p { margin-top:-20px } Code (markup):
i agree with crath, i learnt this yesterday itself. its fun and you feel great after doing so. atleast me
What you are talking is a common occassion when making navigation menus . That is using images as background and the text is "floating" over the background . These code should work fine. You can use it again and again in your following projects. Try it .
Could also use p { position:relative; top:-20px; } Code (markup): Plenty of ways to go about it, using PHP is overkill in this situation IMO
I said "It would be cooler", not it would be more efficient it was a joke, and I agree it would be extremely overkill.