PDA

View Full Version : Placing an Image on Another Image


Spire2000
04-15-2004, 08:25 AM
I have an image that is a map of the world. I would like to place an animated gif on a certain position on the map, to make the area stand out. This animated gif will have a hyperlink and a popup box during rollover.

The problem I have run into is that through the use of the <DIV> tag, I can't set the position of the animated gif in a specific position on the map that remains constant, despite the resolution the page is being viewed in.

Is there a solution to this, or am I simply stuck?

Thanks in advance for any help offered.

agent002
04-15-2004, 08:28 AM
why can't you?
<img src="map.gif" alt="" style="position: absolute; top: 0; left: 0; z-index: 1;">
<img src="animstuff.gif" alt="" style="position: absolute; top: 25px; left: 30px; z-index: 2;">

Spire2000
04-15-2004, 09:17 AM
I didn't consider adding the "style" to the map image. That worked out fine, and the animated gif is there now too. I'm having some problems with a table I have underneath the image though, as it was obviously aligned beneath the map before and now it is underneath it. Nothing some trial and error can't fix though...

Thanks for the help!

Josh
04-15-2004, 02:25 PM
Hi,
It would be easiest to do it like agent posted. To do it in photoshop/imageready you would have to reposition all of the frames of the gif over the image, which is not easy! :eek: