Changer de curseur sur zone cliquable [Résolu/Fermé]

Signaler
Messages postés
6
Date d'inscription
dimanche 17 août 2008
Statut
Membre
Dernière intervention
22 août 2008
-
Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
-
Bonjour,

Pour mon site d'énigmes, j'ai fais plusieurs zones cliquables sur une image.
J'ai modifier le curseur "main" qui s'affiche normalement lorsqu'on peut cliquer, en un curseur "flèche" pour que les zones cliquables soient invisibles et donc plus dures à trouver.
Voici mon code HTML:

<img src="pois.jpg" width="600" height="451" border="0" usemap="#Map">
<map name="Map">
<area shape="circle" coords="62,75,22" href="http://xxxxxx.html" target="_self" style="cursor : default;">
<area shape="circle" coords="415,55,32" href="http://xxxxxx.html" target="_self" style="cursor : default;">
<area shape="circle" coords="296,395,27" href="http://xxxxxx.html" target="_self" style="cursor : default;">
... (j'ai environ 15 zones cliquables)
</map>

Ca marche parfaitement sous Mozilla, mais sous IE, le curseur est toujours de la forme d'une main lorsqu'il passe sur une zone cliquable...
Pourquoi?
Et comment y remédier?


2ème question: Y a-t-il une solution pour que quand on passe sur une de ces zones cliquables, le lien rattaché à cette zone cliquable ne s'affiche pas en bas dans le navigateur? (bien que je pense que non...)


Merci d'avance
Bonne journée

7 réponses

Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
169
Salut,

Pour la première question, c'est bizarre que ça ne marche pas sous IE !
Normalement, si tu as une version supérieur ou égal a IE 4, ça marche ...
Essaye quand même de rajouter dans chaque style de tes liens secrets : cursor: auto;

Et pour la deuxième question, passe par le javascript pour qu'on ne voit pas les URL ;)

A+

Gaerebut
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Messages postés
6
Date d'inscription
dimanche 17 août 2008
Statut
Membre
Dernière intervention
22 août 2008
1
Merci pour ta réponse gaerebut, mais ça ne marche toujours pas sous IE -_-

Je sais je sais, je devrais me mettre au javascript mais je suis pas motivée! :'(


Quelqu'un à une autre idée pour cette histoire de curseur??
Messages postés
710
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
9 avril 2012
108
pour la première question
dans mon fichier css j'ai ceci et ça a l'air de fonctionner sur IE 7 comme sur firefox 3
body,area,input,html {
	cursor: default;
}


pour la 2è question :
au lieu de mettre
href="http://xxxxx.html"
met
onclick="window.location='http://xxxx.html'"


et comme il n'y aura plus de href la zone n'apparaitra pas cliquable pour le curseur
Messages postés
6
Date d'inscription
dimanche 17 août 2008
Statut
Membre
Dernière intervention
22 août 2008
1
Merci nEm3sis, ça marche =D
J'vais enfin pouvoir continuer mon site ^^

Bonne journée à tous
Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
169
Genre,

un curseur t'empêchais de continuer ton site XD

Hé non je ne suis pas jaloux de toi nEm3sis mais bon ... c'est la réponse de LMDP qui est amusante ^_^'

Bon continuation et bon courage pour la suite

A+

Gaerebut
Messages postés
6
Date d'inscription
dimanche 17 août 2008
Statut
Membre
Dernière intervention
22 août 2008
1
Roo
Enfin, vous battez pas, vous m'avez aidé tous les 2 ^^
Et en fait, c'est vrai, c'est plutôt l'inspiration qui m'empeche de le continuer... -_-'
Messages postés
1017
Date d'inscription
mardi 30 octobre 2007
Statut
Membre
Dernière intervention
22 novembre 2013
169
Nop t'inquiète je ne me bat pas ! ^_^'

je l'es bien précisé, c'est n'est pas de la jalousie. NAaaaa

Mais bon, je vois pas la différence entre ton code et le sien !
Mise a part qu'il te donne" body,area,input,htm{}" mais bon, ça se n'est que paramétrable ! lol

Enfin bon, si ça marche ... tant mieux pour toi lol

A+

Gaerebut