28173 sujets

CSS et mise en forme, CSS3

[Resolu] Probleme d'heritage CSS

Bonjour,
Voila maintenant plus d'une heure que je me prend la tete...
Voici mon site http://bbjess.free.fr/index.php
Vous verrez que (tout) les liens sont noir.
Hors ceux du haut devrait etre blancs et juste celui de la news devrait etre noir...
Pourtant dans mes feuilles CSS seule la classe correspondant au cadre de la news specifie les liens noirs
p.basnews2 a:link, a:active, a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
p.basnews2 a:hover {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

Et ceux de la page index devrait etre blancs...
.menuhautli a:link, a:active, a:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.menuhautli a:hover {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

Alors ou est ce que ca coince...
Je ne comprend vraiment pas Smiley bawling
Merci de votre aide.
Modifié par cerede2000 (29 Oct 2006 - 14:11)
cerede2000 a écrit :
p.basnews2 a:link, a:active, a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
Il faut que tu répètes le sélecteur en entier à chaque fois, c'est-à-dire :
p.basnews2 a:link, p.basnews2 a:active, p.basnews2 a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
Modérateur
Hello,

Il faut aussi déclarer les pseudo-classes dans le bon ordre, c'est à dire :

a:link, a:visited, a:focus, a:hover, a:active { ... }
pour s'assurer de la bonne prise en charge quelquesoit le navigateur... Smiley smile
Le probleme c'est que ce n'est pas un lien c'est une prolongation de l'image et j'ai essayer le text-decoration et sans succés Smiley decu
cerede2000 a écrit :
Le probleme c'est que ce n'est pas un lien c'est une prolongation de l'image et j'ai essayer le text-decoration et sans succés Smiley decu
Heu...

Ceci ressemble quand même beaucoup à un lien :
<a href="index.php" onmouseover="document.imag.src='startbutton_clik.gif';" onmouseout="document.imag.src='startbutton_low.gif';">
	<img class="startimg" src="startbutton_low.gif" name="imag" alt="Retour à l'index"/>
</a>
As-tu essayé d'appliquer text-decoration à ce lien ?
Sujet clos
Aller à