<map> mouseovers

[butler]

Hi all,

I thought this would be easy but I can't get it work: I have a web page with a picture dead center. The picture is of 5 people. I would like to show a persons name on the picture when the user moves his mouse over them.



I am having trouble getting this to work between Netscape and MS Explorer, and with different screen resolutions. This seems like it should be easy but it's driving me CRAZY!

Please through this old broken down dog a bone!
--thanks much, bill

 

[GIGN]

You need an image map - and use the title to pop up the persons name. resolution shouldn't matter. Do you know how to implement an image map? Let me know if you don't.
b² - benbiddington@surf4nix.com

 

[butler]

I'm using 'map' and 'area' tags. Then I have a 'div' set up for each person. The problem is that 'div' coordinates do not relate to the map. So when the picture moves around, the labels get messed up. Here's some code...

<map name=ProphetMap>
<area shape=rect coords='74, 97, 117, 189' alt=&quot;Bill&quot;
onMouseOver=
&quot;src=DivBill.style.visibility=&quot;visible&quot;; return true&quot;
onMouseOut=
&quot;src=DivBill.style.visibility=&quot;hidden&quot;; return true&quot;>
</map>
<img border=&quot;0&quot; src=&quot;Theboys[6-1].jpg&quot; alt=&quot;The 12 oz. Prophets&quot; usemap=&quot;#ProphetMap&quot; name=&quot;12ozProphets&quot; width=&quot;370&quot; height=&quot;254&quot;>

<div id=&quot;DivBill&quot; align=&quot;center&quot; style=&quot;position:relative; left:-105px; top:145px; visibility:hidden&quot;><b>Bill</b></div>