Discussion :

[Kazy15]

Bonjour,
j'ai un léger souci. Mes a:hover ne veulent pas assigner la bonne couleur aux liens... Ils sont tous gris sur ma page d'accueil.
Voici le code HTML :

Code :

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

1
2
3
4
5
6
7
	<p class="contenu_news_gris">5/03/2009 | <a href="liens.php">Mise à jour de la section liens</a>.</p>
		<p class="contenu_news_jaune">25/02/2009 | <a href="dico_du_web.php">Dico du web - Forum</a>.</p>
		<p class="contenu_news_magenta">21/02/2009 | <a href="piil.php">PI:L</a>.</p>
		<p class="contenu_news_cyan">23/02/2009 | <a href="clayton_bailey.php">Clayton Bailey</a>.</p>
		<p class="contenu_news_jaune">22/02/2009 | <a href="la_bouffe_de_paris.php">La bouffe de Paris</a>.</p>
		<p class="contenu_news_magenta">21/02/2009 | <a href="kazy-website.php">Kazy-Website</a>.</p>
		<p class="contenu_news_cyan">19/02/2009 | <a href="super_moustik_bros.php">Super Moustik Bros</a>.</p>

Et voici le CSS correspondant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
.contenu_news_jaune,.contenu_news_cyan,.contenu_news_magenta,.contenu_news_gris {
font-size:12px;
}
 
.contenu_news_jaune a,.contenu_news_cyan a,.contenu_news_magenta a,.contenu_news_gris a {
color:black;
text-decoration:none;
}
 
.contenu_news_jaune a:hover {
color:#FFED00;
text-decoration:underline;
}
 
.contenu_news_cyan a:hover {
color:#009EE1;
text-decoration:underline;
}
 
.contenu_news_magenta a:hover{
color:#E3007A;
text-decoration:underline;
}
 
.contenu_news_gris a:hover {
color:#C0C0C0;
text-decoration:underline;
}

D'où le problème peut-il venir d'après vous ?

[Macmillenium]

Bonjour,

C'est un problème d'héritage.

Tu as peut-être un truc du genre :

Code CSS :

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

1
2
 
#unbloc a:hover { color:gray }

Quelque part dans ton code

[Kazy15]

Exact !
Le div conteneur avait un a:hover {color: #C0C0C0;}.
Merci beaucoup pour ton aide !

[Macmillenium]

Les id sont toujours prioritaires.

Une solution c'est d'affecter une classe à ton conteneur et éviter l'id dans ton css :

Code html :

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

1
2
 
<div id="conteneur" class="conteneur">

Code css :

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

1
2
 
.conteneur a:hover { color:couleur }