28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un souci avec un menu et IE6.... version pour laquelle je dois l'optimiser.

Voila mon code css :

div#menu11 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#menu11 li a {
	height: 24px;
	text-decoration: none;
}

div#menu11 li a:link, #menu11 li a:visited {
	color: #000000;
	display: block;
	background: url(../Images/boutons/menuclick.gif) 0% 0%;
	padding: 8px 0 0 10px;

}

div#menu11 li a:hover,#menu11 li a:active, .active {
	color: #005FB8;
	display: block;
	background: url(../Images/boutons/menuclick.gif) 0% -100%;
	padding: 8px 0 0 10px;
}

div#menu11 ul li a.courant {
	color: #005FB8;
	display: block;
	background: url(../Images/boutons/menuclick.gif) 0% -100%;
	padding: 8px 0 0 10px;
}



HTML:
		<div id="menu11" class="liensMenuGauche">
		<ul>
			<li><a href="#" title="Gérer">G&eacute;rer </a></li>
			<li><a class="courant" href="Declarer.html" 
			title="Déclarer">D&eacute;clarer</a></li>
		</ul>
		</div>



Le probleme est lorsque l'on sélectionne un element du menu je souhaiterais qu'il soit mis en évidence. Avec IE7 et firefox ca marche tres bien , par contre avec IE6 pas du tout.


Merci d'avance.
Bonjour,

Juan a écrit :
Le probleme est lorsque l'on sélectionne un element du menu je souhaiterais qu'il soit mis en évidence.

De quel type de «sélection» s'agit-il? Survol, focus lors de la navigation au clavier, style lors du clic, autre?
Au survol de chaque élement du menu pas de probleme.

C'est lorsque l'on selectionne un des éléments du menu comme "accueil" ou "contact", j'aimerais que la couleur du bouton reste de la meme couleur que lorsque l'on survol celui-ci.

c'est pour cela que j'ai fais ca :
div#menu11 ul li a.courant {

	color: #005FB8;

	display: block;

	background: url(../Images/boutons/menuclick.gif) 0% -100%;

	padding: 8px 0 0 10px;

}


Mais sou IE6 ca ne marchpas Smiley bawling
À priori, ça devrait marcher. Smiley confuse

On pourrait voir la page en ligne, histoire d'avoir tous les éléments sous les yeux?