Changer de curseur sur zone cliquable
Résolu
LMDP
Messages postés
10
Statut
Membre
-
gaerebut Messages postés 1060 Statut Membre -
gaerebut Messages postés 1060 Statut Membre -
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
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
Configuration: Windows XP Firefox 3.0.1 / IE 6.0
7 réponses
-
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 -
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?? -
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 3body,area,input,html { cursor: default; }
pour la 2è question :
au lieu de mettrehref="http://xxxxx.html"
metonclick="window.location='http://xxxx.html'"
et comme il n'y aura plus de href la zone n'apparaitra pas cliquable pour le curseur -
Merci nEm3sis, ça marche =D
J'vais enfin pouvoir continuer mon site ^^
Bonne journée à tous -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 -
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... -_-' -
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