Putting two pictures on top of each other

How do I make it look good at all resolutions?

[MrFishGuy]

I want to have a animated .gif over a .jpg picture on my site. I have the jpg. in a table with the gif in a layer over it. At some resolutions it looks right, with the gif inside the jpg looking like one picture.

Is there a way to put the gif on top of the jpg, so that it stays right over it no matter what resolution it's looked at?

[limbo]

You could use CSS and place the images in a DIV, one as a background image, something like:

<div class="imagelayer"><img src="ani.gif"></div>

CSS:

.imagelayer {
width: 0px /** set your bg image width **/
height: 0px /** set your bg image height **/
background: url(bgimage.jpg);
padding: 0px 0px 0px 0px /** set your image position **/
}

And you can add the div to a table cell if you still want to keep them for layout purposes.

/* edited */

[MrFishGuy]

Thanks! I'll try that.