I just want to position overlapping images relative to one another.
As a more difficult example, imagine an arrow placed inside a larger image map. I would need to composite a hundred different images, or do it all on the fly, where all that is needed is to place the arrow images on top of the other one.
I'll try that but no work:
<html>
<div style="position:relative; left:0; top:0;">
<img src="world_map.jpg" style="position:relative; top:0; left:0;"/>
<img src="arrow.png" style="position:absolute; top:30; left:100;"/>
</div>
</html>
Thank you very much and Have a Happy New Year start.