I'm a newbiwe trying to position one small image on top
of a larger one. Based on various examples, I'm trying the
solution below. Only problem is that it doesn't work :-(
Both x and y in the example below always seem to be 0.
Any pointers would be appreciated.
Jim Buzbee
<html>
<body>
<br/>
<br/>
<br/>
<img src="relief.jpg" width="640" height="320" id="base"/>
<img src="overlay.gif" width="10 height="10" id="overlay"/>
<script>
document.getElementById('overlay').style.position= "absolute";
y = document.getElementById('base').style.top;
x = document.getElementById('base').style.left;
document.getElementById('overlay').style.top = y + 160;
document.getElementById('overlay').style.left = x + 320;
</script>
</body>
</html>
--
--------------------------------------------------------------------------------
Jim Buzbee "I was gratified to be able to
jb*****@nyx.net answer promptly, and I did. I
http://batbox.org said I didn't know." Mark Twain