Couleur des liens

**Fizgig** · 22/10/2007, 14h35

Bonjour,

sur ma page d'accueil, j'ai des liens dont la couleur est gérée dans un CSS.

Sur cette même page, j'ai par exemple un lien "webmaster@xyz.xy".

Par défaut, la couleur de ce lien est bleu. Je voudrais bien lui attribuer une autre couleur.

1. J'ai cru comprendre qu'il fallait le spécifier dans la balise <body>.

Le problème est que si je fais cela, la couleur des liens de mon menu change également.

Pourriez-vous m'indiquer la marche à suivre pour pouvoir avoir des liens de différentes couleurs ?

Merci de votre aide,

Fiz

**Bisûnûrs** · 22/10/2007, 15h06

Créé une classe CSS spécifique à ce lien et donne-lui les couleurs que tu veux.

**brunoqcfr** · 23/10/2007, 01h29

J'ai la même question !

En fait, je gère depuis des lunes la couleur de mes liens par ces 3 lignes dans mon fichiers CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a        { text-decoration: none; color: blue; }
a:hover  { text-decoration: underline; color: red; }
a:active { color: red; }

Seulement, maintenant que je suis passé au multi-div, je souhaite gérer les choses autrement. Autrefois, c'est la même couleur qui s'appliquait partout où il y a des liens. Maintenant je souhaite gérer ça par division. Pour une div (celle qui affiche le texte) ce sera affiché d'une manière, pour une autre div (celle du menu) ce sera affiché d'une autre manière, etc.

Il n'y a pas un moyen de répéter les 3 lignes citées pour les attribuer à une div spécifique plutôt qu'à l'ensemble du document ?

Moi, tout ce que je cherche à faire, c'est avoir un a:hover et un a:active d'une couleur différente pour la div du menu. Pas plus compliqué. Comment faire ?

**Bisûnûrs** · 23/10/2007, 08h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#menu a:link, #menu a:visited { text-decoration: none; color: yellow; }

**brunoqcfr** · 26/10/2007, 07h02

La vache, je ne savais même pas qu'on pouvait faire ça ainsi ! Je n'ai pas trouvé de tels exemples dans mon gros bouquin sur CSS.

Merci beaucoup, ça marche impec ! J'apprécie beaucoup ce soutien.

[EDIT]
Mais au fait, est-ce que j'aurais pu mettre ça à l'intérieur des spécifications de ma division ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
div#cadreMenu
{
  position:         relative;
  width:            120px;
  height:           160px;
  top:              130px;
  left:              15px;
  padding:            0px;
  margin:             0px;
  color:            black;
  background-color: #DEDEC7;
  ...
}

genre là où il y a les 3 points ? J'ai essayé mais ça n'a pas fonctionné. Voici ce que j'ai tenté :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
div#cadreMenu
{
  position:         relative;
  width:            120px;
  height:           160px;
  top:              130px;
  left:              15px;
  padding:            0px;
  margin:             0px;
  color:            black;
  background-color: #DEDEC7;
  a:link, a:visited { text-decoration: none; color: black; }
}

**Bisûnûrs** · 26/10/2007, 08h51

Non, tu ne peux pas imbriquer les déclarations CSS.

Couleur des liens

CSS

Discussions similaires

Partager

Partager