Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1536 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  curseur crosshair sur liens uniquement

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

curseur crosshair sur liens uniquement

n°1816003
yyou
Posté le 24-11-2008 à 17:45:22  profilanswer
 

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: )

mood
Publicité
Posté le 24-11-2008 à 17:45:22  profilanswer
 

n°1816008
tpierron
Posté le 24-11-2008 à 17:51:17  profilanswer
 

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

n°1816012
yyou
Posté le 24-11-2008 à 17:53:14  profilanswer
 

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

n°1816066
David Bori​ng
Posté le 24-11-2008 à 19:25:53  profilanswer
 

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.
 
 
 
 
 

n°1816068
yyou
Posté le 24-11-2008 à 19:35:07  profilanswer
 

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

n°1817145
yyou
Posté le 26-11-2008 à 16:11:08  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  curseur crosshair sur liens uniquement

 

Sujets relatifs
[résolu] tester la validité de liens vers des images[Jquery] question drag and drop "sortable" et liens
Menu dynamique avec images liens et agrandissementPetit soucis de liens avec un site web multilangue
Lancer deux liens en une seule action...[Oracle] Passer un paramètre à un curseur.
Liens vers include non fonctionnelsextraire les liens d'une page web html
VBA : rompre les liaisons, sauf les liens hypertextesliens html sous animation inactif
Plus de sujets relatifs à : curseur crosshair sur liens uniquement


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR