curseur crosshair sur liens uniquement

curseur crosshair sur liens uniquement - HTML/CSS - Programmation

Marsh Posté le 24-11-2008 à 17:45:22    

Bonjour,,
 
Dans ma feuille de style je voudrais ajouter une fonction qui permettrait de modifier le curseur lorsque celui-ci survole un lien (et si possible modifier la couleur du texte aussi).
Voici une partie du code :
 
/* standard elements */
html {min-height: 100%;}
 
* {
 margin: 0;
 padding: 0;
}
 
a {color: #963;}
a:hover {color: #C60;}
 
body {
 background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;
 color: #444;
 font: normal 62.5% Tahoma,sans-serif;
 
}
 
a:link{
 cursor: crosshair;
 
}

 
p,code,ul {padding-bottom: 1.2em;}
 
li {list-style: none;}
 
h1 {
 font: normal 1.8em Tahoma,sans-serif;
 margin-bottom: 4px;
}
 
J'ai enregistré le fichier, l'ai uploadé. Et malgré ça le curseur reste le même (soyez indulgents, non seulement je suis une fille, mais en plus j'apprends sur le tas  :whistle: )

Reply

Marsh Posté le 24-11-2008 à 17:45:22   

Reply

Marsh Posté le 24-11-2008 à 17:51:17    

Hmm, pourquoi pas tout simplement :
 
a { cursor: crosshair; }

Reply

Marsh Posté le 24-11-2008 à 17:53:14    

Parce que j'ai recopié bêtement ce que j'ai trouvé sur le net huhuhu
Je le mets à la même place ?

Reply

Marsh Posté le 24-11-2008 à 19:25:53    

Plutôt  

Code :
  1. a:hover {
  2. color: #C60;
  3. cursor: crosshair;
  4. }


Et tu retire le a:link qui est l'état normal d'un <a> et qui de toute façons doit être mis avant :hover
http://www.w3schools.com/CSS/css_pseudo_classes.asp
 
Mais bon, c'est logique c'est dans a:hover que tu mets ton changement de couleur, donc tu mets le changement de curseur au même endroit.
 
 
 
 
 

Reply

Marsh Posté le 24-11-2008 à 19:35:07    

Merci, j'ai modifié. Je mets le fichier en ligne, et je vérifie si ça marche.

Reply

Marsh Posté le 26-11-2008 à 16:11:08    

génial, ça marche ! Merci beaucoup !!

Reply

Sujets relatifs:

Leave a Replay

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