28172 sujets

CSS et mise en forme, CSS3

[Résolu] Pseudo classes a

Bonjour,

J'ai une petite question sur les css au niveau des pseudo classes de a dans Internet Explorer.

Dans firefox quand je défini la couleur d'un lien en css exemple : 


.titre a{
color:#FFFFFF;
}

le lien apparait en blanc même si celui-ci à déjà été cliquer dessus, pour Internet Explorer, pour que j'ai mon lien en blanc même si celui a déja été cliqué je dois définir toutes les pseudo classes de la balise a ex : 


.titre a:link,
.titre a:visited,
.titre a:active,
.titre a:hover{
color:#FFFFFF;
}


Est ce qu'il n'y aurait pas moyen de définir en une seule ligne, la couleur d'un lien pour internet explorer au lieu d'être obliger de définir toutes ses pseudo classes ?
A cause de cela mes feuilles de styles prennent du poids pour rien.
Modifié par slegal (18 Mar 2008 - 16:40)
Bonjour et bienvenue parmi nous siegal Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour,

Ça marche parfaitement chez moi sans indiquer toutes les pseudo-classes (testé avec Firefox 2 et IE 6).

Exemple avec une page de test minimaliste:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Test</title>
	<style type="text/css" media="screen">
	body {background: black; color: gray;}
	a {color: yellow;}
	</style>
</head>

<body>
<p>Cras elementum ultrices diam. <a href="#">Maecenas ligula massa</a>, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. <a href="http://www.example.com">Duis arcu massa, scelerisque vitae</a>, consequat in, pretium a, enim.</p>
</body>
</html>

Les styles par défaut du navigateur pour l'état :hover et :visited sont bien écrasés par la règle a {color: yellow;}, et donc ne s'appliquent pas.
Salut,

J'ai regardé ton code effectivement çà marche.

Le problème venait du fait que nous utilisons un outil qui se nomme DotNetNuke pour nos développement et que celui-ci avait définit dans l'une de ses feuilles de styles une couleur pour chaque pseudo-classe de "a" appliqué sur tout le site.

Le problème était un problème d'héritage CSS.

Merci pour vos réponses
Sujet clos
Aller à