Bonjour,

J'ai une question :

j'ai un code source qui permet de créer un menu horizontal en cascade le probleme que dans le navigateur Opera l'affichage du menu est fait avec succée (menu et les ous menu en cascade) mais pour le navigateur IE l'affichage est seulement pour le menu mais le sous menu rien est afficher , je trouve pas le probleme.

Voila le code :

<div class="menu">
		<ul>
			<li><a href="index.php" >&nbsp;&nbsp;Accueil&nbsp;&nbsp;</a>
			<ul>
					<li><a href="#">Définition du CCdz</a></li>
					<li><a href="#">Objectifs</a></li>
					<li><a href="#">Public visé</a></li>
					<li><a href="#">Type de documents</a></li>
					<li><a href="#">Normes et outils</a></li>
					<li><a href="#">Partenaires</a></li>
			   </ul>
			</li>
			<li><a href="#" id="current">&nbsp;&nbsp;Recherche&nbsp;&nbsp;</a>
			<ul>
			<li><a href="recherche_simple.php">Recherche Simple</a></li>
			<li><a href="recherche_avance.php">Recherche Avancée</a></li>
			</ul>
			</li>
			
			<li><a href="acce_professionnel.php">&nbsp;&nbsp;Accés Professionnel&nbsp;&nbsp; </a></li>
			<li><a href="/contact/contact.php">&nbsp;&nbsp;Services</a>
			<ul>
			<li><a href="recherche_simple.php">PEB</a></li>
			<li><a href="recherche_simple.php">Statistiques</a></li>
			</ul>
			</li>
			
			<li><a href="/contact/contact.php">&nbsp;&nbsp;Forum&nbsp;&nbsp;</a>
			<ul>
			<li><a href="recherche_simple.php">Inscription</a></li>
			<li><a href="recherche_simple.php">Thèmes</a></li>
			</ul>
			</li>
			
			<li><a href="contact.php">&nbsp;&nbsp;Contacts&nbsp;&nbsp;&nbsp;</a></li>
		</ul>
	</div>

et voila le CSS :

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	/*font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;*/
/*	font-size:14px;*/
	font-weight:bold;
	}
.menu ul{
	background:#c6d9f1;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:url(../images/blueslate_background.gif) bottom right no-repeat;
		color:#000000;
		display:block;
		font-family:Calibri;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background:  url(../images/blueslate_backgroundOVER.gif) bottom center no-repeat;
			color:#FFFF00;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background: #4f81bd url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:15px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}

Svp est ce qu'il ya qlq peut me répondre.

Merci d'avane.

Meilleur salutation.

Est-ce que tu as une erreur dans la console d'erreurs ? (Outils > Console d'erreurs dans Firefox; Clic sur le petit triangle jaune en bas à gauche > Détails dans IE)

Bonjour,

elle n'affiche pas une erreur mais le probleme qu'elle n'affiche pas le sous menu ???????????

Merci d'avance.

Meilleur salutation.

Deux choses :

Premièrement ce n'est pas un problème JS, mais un problème HTML/CSS

http://www.siteduzero.com/forum-81-122-xhtml-css.html

Deuxièmement, je crois qu'IE n'accepte pas les :hover sur autre chose que les liens. Et encore mieux les :hover avec enfants...

j'avais même pas regardé...