Overlaying Images 2

[fatcodeguy]

Hi, is there an easy no-javascript way of overlaying two 64x64px images over each other? If not, is there a javascript way?

Thanks!!

 

[cLFlaVA]

what do you mean by overlaying?

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]

 

[fatcodeguy]

I have two transparent GIFs, and I want one to show up over the other, using only the 64x64px area. The alternative is going into an image editor and doing it that way, but I suck with image editing tools and i'd MUCH rather be able to do it on the coding side.

Any suggestions?

 

[Vragabond]

<img src="MyTopPic.gif" width="64" height="64" alt="" style="background: url(MyBottomPic.gif);" />

How about this. No JS, no hassle. One tag, two pics.

 

[jkaa679]

you could also try:

<img src='image1.gif' style='position:absolute; left:30px; top:20px;'>
<img src='image2.gif' style='position:absolute; left:40px; top:30px;'>

this gives you more freedom in howmuch the images will overlap each other. the top- and left-attributes give the distance from the parentelement (e.g. td). to place images statically on the screen (won't scroll) use "position:fixed".

 

[fatcodeguy]

They both work great!!

Thanks guys!!