View Full Version : Image map cursor issues


purple_ivy
06-27-2004, 06:37 AM
When you direct the cursor over my image map linklocated here (http://gig.prettybloomers.com) it wont change to the 'help' cursor (which if you run the mouse over any 'normal' links it works just fine). It just stays the arrowed one :eek:

Is this normal???

The cursor thing works for this (http://rush.elenath.org/) site.

Does anyone know how I can fix this?

salomeyasobko
06-27-2004, 07:11 AM
what's your code?

purple_ivy
06-27-2004, 08:45 AM
what's your code?

Ok, here's my CSS

<style type="text/css">

A:link
{ text-decoration: none; color:#999999; }
A:visited
{ text-decoration: none; color:#999999; }
A:active
{ text-decoration: none; color:#999999; }
A:hover
{ text-decoration: underline; color:#999999; cursor: help;}


body
{ background: #000000;
background-attachment: fixed;
font-family: ms serif;
color: #ffffff;
font-size: 12px;
cursor: n-resize;

scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;}

td
{ background: #000000;
font-family: ms serif;
color: #ffffff;
font-size: 12px;
}

input, textarea
{ background: #000000;
font-family: ms serif;
color: #ffffff;
font-size: 11px;
border-style: dashed;
border-color: #ffffff;
border-width: 1px; }

option, select
{ background: #000000;
font-family:ms serif;
color:#ffffff;
font-size:11px;
border:dashed #ffffff 1px;}
</style>

salomeyasobko
06-27-2004, 08:52 AM
hmn.. that should work.. can i see the code for your image map?

btw, if you're using an external style sheet, make sure you remove the <style> </style> tags. :)

purple_ivy
06-27-2004, 09:08 AM
hmn.. that should work.. can i see the code for your image map?

btw, if you're using an external style sheet, make sure you remove the <style> </style> tags. :)

Here's the map code:

<IMG BORDER="0" SRC="enter.gif" ALT="enter" USEMAP="#enter" ISMAP="ISMAP">

<MAP NAME="enter">
<AREA SHAPE=RECT HREF="http://gig.prettybloomers.com/home.php" ALT="enter" COORDS="198,62,288,88">
</MAP>

kittycat
06-27-2004, 03:16 PM
This has been asked before here, no one yet has discovered a way for this to work.
The only way to make it have a different cursor is to make it so that the help cursor is present over the entire image.

If you want to try that...
Add this to your CSS:
#cursor { cursor: help; }
In HTML...
<IMG BORDER="0" SRC="enter.gif" ALT="enter" USEMAP="#enter" ISMAP="ISMAP" id="cursor">
And I think that should work.

salomeyasobko
06-27-2004, 09:06 PM
i was thinking of adding a style="cursor: help;" thing to each <area shape> thing.. but i dunno if that would work.. can i see one of the links for your image map? then maybe i could have you try what i suggested.. :buckt:

purple_ivy
06-27-2004, 09:22 PM
i was thinking of adding a style="cursor: help;" thing to each <area shape> thing.. but i dunno if that would work.. can i see one of the links for your image map? then maybe i could have you try what i suggested.. :buckt:

I tried putting the style tag into the <area shape> but that didn't work.

Do mean you wanted to see a link like this??:

[CODE<AREA SHAPE=RECT HREF="http://gig.prettybloomers.com/home.php" ALT="enter" COORDS="198,62,288,88">[/CODE]

salomeyasobko
06-27-2004, 09:24 PM
aww.. well it appears kittycat's suggestion is the best way to go, then.. good luck! sorry i wasn't of much help :(

purple_ivy
06-28-2004, 03:13 AM
aww.. well it appears kittycat's suggestion is the best way to go, then.. good luck! sorry i wasn't of much help :(

You were lost of help! :)

Thank you both for your help!!!
I've actually just emailed someone using an image map with working cursor change-over and asked them if they could help in away.
If not, I think I'll have to do what Kittycat suggested.

Ciao.