Click to See Complete Forum and Search --> : Cursor: Pointer;Cursor: Hand Question


jerryr125
06-23-2007, 10:02 PM
Hi - I have the following code below and I would like the 'cursor: pointer; cursor: hand' to appear only on the imagemap. Where do I put the style ?
right now, cursor changes when I hover over the entire picture. I would like it to change only when I hover over the imagemap.

Thanks - jr



<div id="Homeheader" align="center" valign="top" width="700">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="550" height="550" align="center" valign="top" style="cursor: pointer; cursor: hand">
<MAP NAME="ImageMap22466">
<AREA SHAPE="rect" ALT="Layer 2" COORDS="207,446,366,481" HREF="www.abc123.com">
</MAP>
<IMG SRC="photos/164511786-O.jpg" WIDTH=550 HEIGHT=550 BORDER=0 USEMAP="#ImageMap22466">
</a>

</td>
</tr>
</table>
</div>

Fang
06-24-2007, 03:54 AM
Just remove that style.
The cursor will naturally change when hovering over any AREA defined that has the HREF attribute.

jerryr125
06-24-2007, 06:03 AM
Hi - nope - sorry - did not work :(

WebJoel
06-24-2007, 09:35 AM
Is there an online address/URL that this points to? I'd like to see the image that the map refers to. I can't quite figure out what you're after here, but the co-ordinates in conjunction with a hyperlink should make the cursor turn to 'pointer' automatically.