Jump to content

Image Map (style="curosor: pointer") ignored by Chrome but not by FireFox...


Recommended Posts

<map name="map"><!-- #$-:Image map file created by GIMP Image Map plug-in --><!-- #$-:GIMP Image Map plug-in by Maurits Rijk --><!-- #$-:Please do not edit lines starting with "#$" --><!-- #$VERSION:2.3 --><!-- #$AUTHOR:Eric --><area shape="rect" coords="2,2,98,97"  onclick="scrollto1()" style="cursor: pointer;" /><area shape="rect" coords="102,3,202,95"  onclick="scrollto2()"  style="cursor: pointer;" /><area shape="rect" coords="208,3,307,95"  onclick="scrollto3()"  style="cursor: pointer;"/><area shape="rect" coords="315,5,409,98"  onclick="scrollto4()"  style="cursor: pointer;"/><area shape="rect" coords="413,6,502,97"  onclick="scrollto5()"  style="cursor: pointer;"/><area shape="rect" coords="507,4,597,97"  onclick="scrollto6()"  style="cursor: pointer;"/></map>

I am wondering if there is a way to get this code to display a pointer cursor in Chrome. As it stands right now this works in FireFox. In Internet Explorer nothing works at all the items are not even clickable. Is there some way to get this working cross browser? Thanks...!

Link to post
Share on other sites

"pointer" is the cursor that normally shows up when hovering over a link. <area> elements use it as default, as far as I know. It seems that I can't change the cursor to anything else, though. I think that Chrome ignores all styling on <area> elements, after all, besides the cursor no other style rules even make sense on the <area> element.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...