PDA

Click to See Complete Forum and Search --> : Text on top of images

Adrian Girling
11-19-2003, 04:03 PM
I know it is posssible to write text etc, over images which are, so to speak, in the background, as I have seen it done, but cannot figure out how to do it.

I can't just put the image(s) in the body tag, as I am manipulating the image size(s) according to the width of the user's window.

Can someone point me in the direction of an example, or concisely explain how it is done?

Most grateful for any help.

Adrian
Charles
11-19-2003, 04:25 PM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>

<div style="background-image:url(http://www.bettiepage.com/images/photos/bikini/bikini1.jpg); height:300px; padding:0px; text-align:center; width:149px"><span style="background-color:#aaa; color:#a00; padding:0ex 1ex; position:relative; top:270px">Bettie Page</span></div>
Adrian Girling
11-19-2003, 06:18 PM
Brilliant!

Thank you Charles, this just the job just right.

Adrian
Adrian Girling
11-19-2003, 06:20 PM
ouch, I meant 'does the job just right'