28173 sujets

CSS et mise en forme, CSS3

Problème avec des liens sous IE7

Bonjour,
J'ai des soucis avec IE7 qui n'affiche pas mon rollover du menu comme je le souhaiterais. Voici le code, en espérant que quelqu'un puisse m'aider :

	
<div id="nav">
		<ul>
			<li><a href="content/ligue.php"><span>L</span>A <span>L</span>IGUE</a></li>
			<li><a href="content/activite.php"><span>A</span>CTIVITES</a></li>
			<li><a href="content/moyen.php"><span>M</span>OYENS <span>A</span>UXILIAIRES</a></li>
			<li><a href="content/docu.php"><span>D</span>OCUMENTATION</a></li>
			<li><a href="content/actu.php"><span>A</span>CTUALITES</a></li>
			<li style="margin-right:0;"><a href="content/contact.php" style="padding-left:29px;padding-right:28px;"><span>C</span>ONTACT</a></li>
		</ul>
	</div>


#nav {
	clear:both;
	border-bottom: 4px solid #063;
	width: 800px;
	height: 28px;
	position: relative;
	left: 7px;
	}
#nav ul {
	list-style: none;
	}
#nav li {
	float: left;
	font-size: 11px;
	display: block;
	padding: 2px 0 5px 0;
	margin: 0 2px 0 0;
	height: 22px;
	}
#nav span {
	font-size: 14px;
	}
#nav a:link, #nav a:visited {
	text-decoration: none;
	color:#666;
	padding: 6px 24px;
	border-bottom: 4px solid #999;
	}
#nav a:hover, #nav a:active, #container #navActiv {
	background: url(../images/NavOn.gif) no-repeat 50% 100% #ebf5eb;
	text-decoration: none;
	padding: 6px 24px;
	border-bottom: 4px solid #063;
	}
* html #nav a:hover, * html #nav a:active, * html #container #navActiv {
	background: url(../images/NavOn.gif) no-repeat 50% 85% #ebf5eb;
	}


Et voici en image ce que ca devrait donner :
upload/1991-img01.jpg" alt="upload/1991-img01.jpg" />

Et voila le resultat sous IE7 :
upload/1991-img02.jpg" alt="upload/1991-img02.jpg" />
Salut,

Je n'ai pas regardé ton problème en détails, mais as-tu conscience que le hack "* html" ne s'appliquera pas sous IE 7 ? D'ailleurs, il vaut mieux préférer les commentaires conditionnels aux hacks, car ils sont beaucoup plus robustes. Tu trouveras des infos là-dessus dans la faq.
Ah oui je sais, j'suis partie la-dessus et j'ai oublié de changer la façon de faire. Mais en somme j'ai toujours un problème sous IE7.

Est-ce que je dois en faire un commentaire conditionnel juste pour ce ptit soucis avec IE7 ?

Y a-t-il pas un autre moyen ?
Sujet clos
Aller à