Discussion :

[alas70]

Bonjour à tous, je me casse la tête sur des liens dont je n'arrive pas a changer la couleur.

J'ai une div globale dans laquelle mes liens sont définies en css, cette div englobe tous les liens de mon site (c'est pour éviter d'avoir des liens bleu tout moche)

Voici comment j'ai défini mes liens dans la css

Code :

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

1
2
 
#globale a{color:#macoul;}

Ensuite je voudrais que des liens ayant une classe (de la forme <a href="" class="maclass">...</a>) puisse avoir une autre couleur et une autre forme.

J'ai donc définie ces liens dans ma css de la façon suivante

Code :

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

a.maclass {texte-decoration:none; color:#macoul2;}

j'ai même essayer de la façon suivante

Code :

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

.maclass a{texte-decoration:none; color:#macoul2;}

Le problème est que ma css fonctionne bien sur le text-decoration:none, mais ma couleur n'est pas prise en compte, comment faire dans ce cas la.

EDIT : petite précision sur ce que m'affiche firebug pour ma css

Code :

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

1
2
3
4
5
6
7
8
9
10
#content a {
color:#3C281B;
}
a.lien_bleu {
color:#336699; <== barré dans firebug
text-decoration:none;
}
.lien_bleu {
color:#336699;<== barré dans firebug
}

Merci pour vos réponse

[desert]

A première vue, je ne vois pas d'erreur.
Pourrais-tu poster le reste du code (html+css) s.t.p. ?

[alas70]

Voici mon code abrégé en HTLM dans lequel se trouve mes liens

Code :

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

1
2
3
4
5
<div id="content">
 
<a class="lien_bleu" href="index.php?page=sejour-bien-etre-et-soins">Séjour Bien être et soins</a>
 
</div>

J'avoue que moi aussi je ne comprend pas pourquoi lorsque je rajoute une class ce n'est pas la couleur de la class qui est prise en priorité, apparement c'est la couleur globale donné au lien ....

[Ceddoc]

On dirais que c'est parce que les id sont prioritaires sur les classes.

En faisant comme ça:

Code :

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

1
2
3
4
5
<div class="content">
 
<a class="lien_bleu" href="index.php?page=sejour-bien-etre-et-soins">Séjour Bien être et soins</a>
 
</div>

et en adaptant le css:

Code :

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

1
2
3
#content a{
color:#3C281B;
}

le lien s'affiche de la bonne couleur chez moi.

[desert]

On dirais que c'est parce que les id sont prioritaires sur les classes.

Il faudra donc faire ceci :

Code css :

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

1
2
3
4
5
6
7
8
#content a {
    color:#3C281B;
}
 
#content a.lien_bleu {
    color:#336699;
    text-decoration:none;
}

[Ceddoc]

Je n'avais pas lu non plus mais jusque la je n'avais pas encore été confronté a ce problème (bizarrement) il faut croire que j'ai eu de la chance

Enfin c'est toujours bon a savoir.

Et c'est vrai que ta solution est beaucoup plus propre que la mienne, il faut vraiment que je m'y remette.

Alas70 tu as tout ce qu'il faut je crois, pense au bouton "résolu"

[alas70]

Merci pour vos réponses, je vais tester ca de suite !!