Layering Graphics

D

Diggy

Don't know maybe this is not the place to ask but anyways it does have to do
with computers and web design so . . .

I want to put one graphic over another. What HTML tag should I use?

I have a table with each cell full of text info on various objects for sale.
As the items are sold, I want to place a "SOLD" GIF on top of the text in
the cell. The GIF is all made, but it keeps appearing in the middle of the
cell, not on top of the test.
 
S

Steve Easton

You can't place a gif "on top"
of text. You will have to use it
as a background image with the text
on top of it.
 
J

Jon Spivey

Depending on your layout you could use positioning to do this, eg
<div id="img1"
style="position:absolute;top10px;left:10px;width:100px;z-index:1"><img
src.....
<div id="img2"
style="position:absolute;top10px;left:10px;width:50px;z-index:2"><img
src.....
The second image will appear on top of the first - but if you're using a
fluid layout (ie your images move in a table or whatever) the above won't
work without quite a lot of script.

Steve's suggestion to use a background image may well be easier
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads


Top