[HTML] Changer le curseur dans un area

Changer le curseur dans un area [HTML] - HTML/CSS - Programmation

Marsh Posté le 01-06-2005 à 09:55:16    

Bonjour,  
 
J'ai un petit problème de curseur et j'espère que quelqu'un pourra m'aider !!!
 
J'ai voulu changer le curseur lorsque l'on arrive sur ma page HTML en faisant comme ceci :
 

Citation :

<STYLE>
<!--
BODY{
cursor:url("moncurseur.ani" );
}
-->
</STYLE>


 
Ca marche très.... même trop bien ! En effet, j'ai une image réactive (map et area) sur ma page et du coup, le curseur reste le même lorsque je passe sur les zones réactives de cette image alors que je souhaiterais qu'il se transforme en main comme pour les liens normaux...
 
Ceci est possible sur les vrais liens de type <a href="...">blablabla</a> de la façon suivante :
 

Citation :

<a href="..." style="cursor:hand">blablabla</a>


 
Mais évidemment, ça ne marche pas avec les AREA... Je suis donc désespérée.....  :pt1cable:  
Pouvez-vous m'aider ou suis-je perdue à jamais ???
 
Merci d'avance !!!  :wahoo:

Reply

Marsh Posté le 01-06-2005 à 09:55:16   

Reply

Marsh Posté le 01-06-2005 à 10:16:14    

C'est "cursor: pointer" la main :|
 
EDIT : j'ai rien dit ... hand existe aussi :p
 
REDIT : "cursor: hand : This is the Microsoft way to to change the cursor to a pointer." Donc mets pointer a la place de hand et ca marchera surement un peu mieux. Car a part sous IE hand ne marchera pas et le navigateur appliquera un style par defaut ou un style parent qui te fera penser que hand marche.


Message édité par afbilou le 01-06-2005 à 10:26:04
Reply

Marsh Posté le 01-06-2005 à 10:19:44    

Merci mais je crois que tu n'as pas compris mon problème !!!! lol !!!
 
Je voudrais que la main s'affiche lorsque je passe sur les zones réactives de mon image car pour l'instant, c'ets mon curseur spécifié dans le body qui retse en permanence...
 
Peut-être que l'on peut dire de changer de curseur à des coordonnées précises ???


Message édité par chiniti le 01-06-2005 à 10:21:39
Reply

Marsh Posté le 01-06-2005 à 10:24:54    

Si si je comprends mais ca n'empeche pas que "cursor : hand" ce n'est pas la bonne syntax pour appeller le curseur de la main.

Reply

Marsh Posté le 01-06-2005 à 10:28:42    

Si ca ne marche pas dans ton area map ... tu peux toujours faire le bourrin et placer des <a> en absolute ou relative par dessus ton image et definir un style "cursor : pointer" a ces balise <a>. Mais bon c du bricolage pas terrible tout de meme.

Reply

Marsh Posté le 01-06-2005 à 10:30:50    

mouais bof en effet !!!! Il faut que je cherche autre chose !!! Merci quand même....
 
ps : ça marche aussi avec hand !!! ;o)

Reply

Marsh Posté le 01-06-2005 à 10:35:46    

chiniti a écrit :

ps : ça marche aussi avec hand !!! ;o)


 
Non ... c'est la solution microsoft qui ne marche que sous IE !
Utilise pointer qui marche sur tout les navigateurs.
 

Reply

Marsh Posté le 01-06-2005 à 10:37:37    

Ah ok merci !!! Snif, je ne trouve vraiment pas comment résoudre ce problème... Je crois que je vais laisser tomber... Dommage !

Reply

Marsh Posté le 01-06-2005 à 10:40:04    

Fait voir ce que tu as fait a tout hasard ?
 
Euh ... ne poste que la partie du code pertinante evidemment :)

Reply

Marsh Posté le 01-06-2005 à 10:44:36    

Citation :

<html>
<head>
 <title>Page de test</title>
</head>
 
<body background="fond.jpg" style="cursor:url('moncurseur.ani')">
<img src="Menu.gif" align="right" border="0" usemap ="#Map"> <br>
<map name="Map">
  <area shape="rect" coords="51,43,191,59" href="Presentation.htm"  title=" - Historique
 - Statut Juridique
 - Philosophie et valeurs
 - Pratique pédagogique" style="cursor: pointer">
</map>
 
<a href="..." style="cursor: pointer">blablabla</a>
 
 
</body>
 
</html>


 
Donc ça marche très bien pour le lien a href... Mais ça ne marche pas du tout pour l'area...


Message édité par chiniti le 01-06-2005 à 10:45:27
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed