Journal du Net > Développeurs > Contributions > Votre astuce CSS ?
Contribution précédente Contribution suivante

APPEL
A CONTRIBUTION

Vous manipulez le langage CSS au quotidien pour concevoir des pages Web ? Vous avez certainement une astuce à partager ! Cet espace est pour vous.
Dossier Rubrique Client Web
Participez

 Styles CSS pour liens hypertextes  

Fabien Branchut , La Rochelle

Styles CSS pour liens hypertextes
Fabien Branchut

Quel est en 3 lignes l'objectif de votre astuce ?

Ces styles CSS permettent d'attribuer une présentation différente sur les liens hypertextes (et ce pour tous les navigateurs : IE et FF).

Décrivez votre astuce en détail. N'hésitez-pas à inclure des portions de codes.

Vous pouvez par exemple attribuer une couleur différente sur un lien hypertexte : à l'affichage, au survol, déjà visité, au moment du clic et lors de la réception du focus.


/* IMPORTANT !!! il faut respecter cet ordre ! */

/* style du lien */
a.chemin:link {
text-decoration: underline;
color: #990000;
}
/* style du lien qui a déjà été visité */
a.chemin:visited {
text-decoration: underline;
color: #00ff00;
}
/* style du lien qui est survolé par la souris */
a.chemin:hover {
text-decoration:none;
color: #0000ff;
}
/* style du lien au moment où il est cliqué */
a.chemin:active {
text-decoration: underline;
color: #000000;
}
/* style du lien quand il reçoit le focus (avec la touche TAB par exemple) */
/* ne marche pas sur IE6 et IE7 */
a.chemin:focus {
text-decoration: underline;
color: #990000;
background-color: #cccccc;
}


developpeur web

css


Publié le 11 octobre 2007

Contribution précédente Contribution suivante
20 contributions : 1 ... 7 8 9 10 11 12 13 14 15 16 17 ... 20
 




 

RECHERCHE