I've been googling it for a few hours, actually, and haven't found anything that could help. So, this is my last resort! This is my code:
Right now, it's just an image map, and I want the top links to turn red when hovered over. (I have that image made already.)
Anyway, please help! I'm completely lost. >.<
<div id="imgmapdiv">
<map name="imgmap">
<area shape="rect" coords="9,91,83,122" href="http://www.google.com" target="_self" alt="about">
<area shape="rect" coords="94,94,160,121" href="http://www.google.com" target="_self" alt="contact">
<area shape="rect" coords="172,92,248,123" href="http://www.google.com" target="_self" alt="affiliates">
</map>
</div>
<p>
<div style="position: absolute; top: 0px; left: 0px;"> <img src="http://i51.tinypic.com/ev7yxf.pngg"alt="Move mouse over image" usemap="#imgmap" border="0"> </div>
</p>
Right now, it's just an image map, and I want the top links to turn red when hovered over. (I have that image made already.)
Anyway, please help! I'm completely lost. >.<
<div id="imgmapdiv">
<map name="imgmap">
<area shape="rect" coords="9,91,83,122" href="http://www.google.com" target="_self" alt="about">
<area shape="rect" coords="94,94,160,121" href="http://www.google.com" target="_self" alt="contact">
<area shape="rect" coords="172,92,248,123" href="http://www.google.com" target="_self" alt="affiliates">
</map>
</div>
<p>
<div style="position: absolute; top: 0px; left: 0px;"> <img src="http://i51.tinypic.com/ev7yxf.pngg"alt="Move mouse over image" usemap="#imgmap" border="0"> </div>
</p>