Changer de curseur sur zone cliquable
Résolu
LMDP
Messages postés
10
Date d'inscription
Statut
Membre
Dernière intervention
-
gaerebut Messages postés 1017 Date d'inscription Statut Membre Dernière intervention -
gaerebut Messages postés 1017 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Changer de curseur sur zone cliquable
- Changer dns - Guide
- Alternative zone telechargement - Accueil - Outils
- Changer de carte graphique - Guide
- Changer wifi chromecast - Guide
- Changer extension fichier - Guide
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
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??
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 3
pour la 2è question :
au lieu de mettre
et comme il n'y aura plus de href la zone n'apparaitra pas cliquable pour le curseur
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
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
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... -_-'
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
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