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
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;
}