How do you put text over an image? (javascript, html maybe?)?

2 ⤊

How do you put text over an image? (javascript, html maybe?)?

Ive been using html tables to try and do this however i can't do this as the image im using is from another site e.g. This isn't allowed as a bg image. I basically want some script, maybe css, to position some text over the image exactly where i want (not just top middle or bottom). Can anyone help>? (also javascript might work, not sure)

Someone said this code would help:

I have no idea how that ads text over an image.

2006-09-02 02:58:31 · 6 answers · asked by peter s 1 in Computers & Internet ➔ Programming & Design

6 answers

Instead of the use the

tag. Rest of the code remains the same. In place of

use

and in place of

use the (text you want to add). I think this should work.

2006-09-02 03:11:40 · answer #1 · answered by ash_m_79 6 · 1⤊ 0⤋

Stay away from that layer stuff:)

An easy way to get this to work is to absolutely position your image. Just remember though that your absolutely positioned element needs to be placed within a relatively postioned container, for example:

your text

Make sure that the div layer is large enough to accomodate your image and text. You may need to scoot up your text a little, which can easily be done with negative margins (style="margin: -10px 0 0 0;">

Good luck

2006-09-02 18:16:04 · answer #2 · answered by achtungbaby 3 · 0⤊ 0⤋

as suggested by the other replies, use styling to get what you want. DIVs are good

DIV ex:

Your Text Here

place image url between ( and ) and adjust height/width to accomodate the size of the image

padding ex:

padding: 10 0 0 20(top right bottom left respectively)

where values moves text 10 pixels down and 20 pixels right

you can also do that with a link:

Your Text Here

you can actually apply styling to almost anything

2006-09-02 18:37:00 · answer #3 · answered by Archer 3 · 0⤊ 0⤋

CSS is definitely the way to go. It utilizes the

tag. You can absolutely position the picture and absolutely postition the text over the picture using

tags.

For an example, consider the following webpages :

http://www.hypergurl.com/csstutorial10.html
http://www.yourhtmlsource.com/stylesheets/csslayout.html

2006-09-02 03:04:46 · answer #4 · answered by Chris H 3 · 1⤊ 0⤋

keep as .Hypertext Preprocessor and: say curiously like this as an occasion: html physique Stuff ---- Hypertext Preprocessor CODE right here -- physique html may be: html physique Stuff physique html

2016-10-01 05:16:53 · answer #5 · answered by Erika 4 · 0⤊ 0⤋

Well it is not possible using html as far as my knowledge is concernt.you may use some image editting software like photoshop.
You may use paint too.

2006-09-02 03:05:29 · answer #6 · answered by Sidd 1 · 0⤊ 1⤋