18073 sujets

Questions générales et questions de débutants

[résolu] Menu horizental

Bonjour,

Je souhaite adapter le menu suivant : http://css.alsacreations.com/modelesmenus/hd2.htm

Je voudrais y ajouter un 3ème niveau de menu: lorsque l'on survole le sous menu 1.1, un sous sous menu apparait 1.1.1

J'ai essayé en utilisant les listes (code ci dessous) mais les sous menu de s'alignent pas l'un en dessous des autres ... si vous pouvez m'aider Merci

- page html:


<div id="menu">
	<ul>
		<li><a href="../php/parseur_statique.php?page=accueil">Accueil</a></li>
				
		<li onmouseover="montre('smenu2');"><a href="#">Information générale</a></li>
			<ul id="smenu2">
				<br>
				<li><a href="../php/parseur_statique.php?page=info_general_1">Information générale</a></li>
				<li><a href="../php/parseur_statique.php?page=info_general_2">Prestations</a></li>
				<li onmouseover="montre('smenu3');"><a href="../php/parseur_statique.php?page=info_general_3">Vie associative</a></li>
					<ul id="smenu2">
						<br>
						<li><a href="../php/parseur_statique.php?page=info_general_1">Conseil d'administration</a></li>
						<li><a href="../php/parseur_statique.php?page=info_general_2">Assemblée Générale</a></li>
						<li><a href="../php/parseur_statique.php?page=info_general_3">AGLAE : membre pour ses adhérents</a></li>
					</ul>
			</ul>
		
		<li><a href="#">S'inscrire</a></li>
	</ul>
</div>

<div id="ligne">


-CSS:


#menu {position : absolute;  font-family: Verdana; font-size: 12px; font-weight: bold;}
#menu dt {margin: 0 10px 0 0; padding: 0;}
#menu dd {margin: 0 10px 0 0; padding: 0;}
#menu ul {position: absolute; margin: 0 10px 0 0; padding: 0; float: left;}
#menu dl {float: left; margin: 0 10px 0 0; padding: 0;}
#menu li {float: left; margin: 0 10px 0 0; padding: 0;}
#menu a {color: #3232CD; text-decoration: none;}
#menu a:hover {background-color: #E1AD9B; color: white; text-decoration: none;}
#smenu2, #smenu3 {float: left; font-size: 11px; font-weight: normal; width: 500%;}

Modifié par canabral (17 Jun 2005 - 17:22)
Je le cherche depuis ce matin, je l'ai retrouvé ! (J'envisageais de l'utiliser au mois de septembre, ça fait loin...).
Pour des menus avec sous menus et sous sous menus ou menus en cascade, le plus léger que j'avais trouvé, est donné en lien par Raphaël :
Menus et sous menus en cascades
Modifié par Macpom (14 Jun 2005 - 14:57)
Sujet clos
Aller à