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.
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

Michel
Je n'ai pas beaucoup de pratique non plus et cela fait également un moment que j'ai fait une formation Web, mais il me semble qu'avoir deux liens de couleurs différentes est possible.

Si je ne me trompe pas, on pourrait le faire via l'utilisation de classes différentes :
et dans le HTML

qui sont définies séparément dans le CSS.

On pourrait le faire aussi avec une "id" mais l'inconvénient de l'id est qu'elle doit être unique. Ce qui peut aussi être un avantage si on veut personnaliser chaque lien, mais cela alourdit alors beaucoup le CSS
Carole Hachey
Je vous remercie pour cette grande précision (de l'ordre à suivre), par contre, j'aimerai savoir si dans une même page Web je peux utiliser des styles différents pour mes liens ? Ex: un lien en "over" serait rouge et au autre serait bleu.

Il y a longtemps que j'ai terminé ma formation en programmation Web et je n'ai jamais pratiqué. Pardonnez-moi mon ignorance..
Contribution précédente Contribution suivante
12 contributions : 1 2 3 4 5 6 7 8 9 10 11 12
 




 

© Benchmark Group, 69-71 avenue Pierre Grenier 92517 BOULOGNE BILLANCOURT Cedex

RECHERCHER