Problème CSS <LI> et IE6

Résolu/Fermé

darkblaster - 19 août 2009 à 01:39
Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 - 19 août 2009 à 15:10

Bonjour,

J'ai un problème de compatibilité avec IE6 que je n'arrive pas à comprendre, voilà la situation :

Dans mon fichier CSS, je défini que mes liens ne doivent pas être soulignés à l'aide des balises a:link, a:visited.

Ensuite j'ai des balises <LI> qui possèdent une classe nommée ACTIVE et qui précise un soulignement. Tout ceci fonctionne très bien sous FF ou Safari mais pas sous IE6. Peut-être que le code ci-dessous sera plus clair que ma tentative d'explication...

fichier CSS :

body {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	color: #000000;
	background-color:#FFFCF0;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	}


li.active a  {
	text-decoration: underline;
	font-size:12px;
	}

fichier HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link rel="stylesheet" href="template.css" type="text/css" />
</head>
<body>
    <h3>catalogue : </h3>
    <ul class="menu">
      <li class="parent active item82"> <a href="#"><span>images</span></a> </li>
      <li class="item85"> <a href="#"><span>littérature</span></a></li>
    </ul>
</body>
</html>

Merci pour vos réponses.

A voir également:

Problème CSS <LI> et IE6
Css premier plan ✓ - Forum CSS
Css lien non souligné - Astuces et Solutions
Enlever couleur lien css ✓ - Forum CSS
Lier agenda google et outlook - Guide
Ie6 portable ✓ - Forum Webmastering

3 réponses

Réponse 1 / 3

l3ajib Messages postés 176 Date d'inscription mercredi 19 août 2009 Statut Membre Dernière intervention 12 mai 2012 86
19 août 2009 à 02:01

essayez en enlevant <span></span>

Réponse 2 / 3

Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 58
19 août 2009 à 02:33

li.active a  {
	text-decoration: underline !important;
	font-size:12px;
	}

darkblaster
19 août 2009 à 14:59

Merci infiniment Smoking bird! C'est exactement ce qu'il fallait !

Réponse 3 / 3

Smoking bird Messages postés 870 Date d'inscription mardi 11 mars 2008 Statut Membre Dernière intervention 10 juillet 2011 58
19 août 2009 à 15:10

j't'en prie^^ n'oublis pas de mettre ton sujet en résolu^^

Discussions similaires

[CSS] Forcé retour à la ligne

trait horizontal avec du css

Différence entre batterie Ii-ion et Li-po sur un smartphone

Chanson la li la li la la la?

HTML - définir taille bouton

Discussions similaires

Newsletters