Discussion :

[aclait]

coucou,

alors voilà je dois développer un menu avec pour deux parties un sous menu, seulement voilà quand je passe la souris sur hébergement le sous menu s'affiche mais pas celui du contact. Voici mon code:
Comment dois-je faire pour résoudre le problème? Merci d'avance pour vaos réponses.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
	<ul id="menu">
		<li><a href="index.html">ACCUEIL</a></li>
		<li><a href="programme.html">PROGRAMME</a></li>
		<li><a href="acces.html">ACCES</a></li>
		<li><a href="hebergement">HEBERGEMENT</a>
			<ul class="sousMenu">
				<li><a href="hotel.html">Hôtels et chambres d'hôte</a></li>
				<li><a href="detente.html">Détente</a></li>
			</ul>
		</li>
		<li><a href="inscriptions">INSCRIPTIONS</a></li>
		<li><a href="contact.php">CONTACT</a></li>
			<ul class="sousMenu">
				<li><a href="exposant.html">Exposants</a></li>
				<li><a href="congressiste.html">Congrèssistes</a></li>
			</ul>
		<li><a href="comite.html">COMITE</a></li>
	</ul>
	</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#menu{
	list-style-type:none;
}
 
.sousMenu{
	list-style-type:none;
	display:none;
}
li:hover ul, li li:hover ul {display:block;}
 
.contenu{
	position:relative;
	top:170px;
	width:1000px;
	height:200px;
}

[saymoneu]

Bonjour,

Tout simplement parce que vous avez fermé le LI de "contact" avant l'ouverture de son sous-menu.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 <li><a href="contact.php">CONTACT</a></li>
  <ul class="sousMenu">
    <li><a href="exposant.html">Exposants</a></li>
    <li><a href="congressiste.html">Congrèssistes</a></li>
  </ul>

devient

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 <li><a href="contact.php">CONTACT</a>
  <ul class="sousMenu">
    <li><a href="exposant.html">Exposants</a></li>
    <li><a href="congressiste.html">Congrèssistes</a></li>
  </ul>
</li>

[aclait]

Merci beaucoup ça fait depuis hier que je suis dessus