18041 sujets

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

Menu en cascade a 3 niveau

bonjours je vous écris pour savoir si quelqu'un pouvais me renseigner
j'ai ce menu défilant

 
<html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<title>Testos</title>
		<meta charset="utf-8">
<style type="text/css">
		

#menuDeroulant
{
 width: 100%;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
 text-align: center;
}     

#menuDeroulant li
{
 
 float: left;
 width: 25%;
 margin: 0;
 padding: 0;
 border: 0;
  height:45px;
}			
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height:25px;
 color: #FFF;
 background: #530000;
 margin: 0;
 padding: 4px 8px;
 border-right: 2px solid black;
 text-decoration: none;
}
#menuDeroulant li a:active { background-color: #5F879D; }
 	
		#menuDeroulant .sousMenu
		{
		 display: none;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
		 
		}	
				
		#menuDeroulant .sousMenu li
		{
		 float: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
		 width: 100%;
		 height:25px;
		 border-top: 1px solid transparent;
		 border-right: 1px solid transparent;
		 text-align: center;
		 
		}


		#menuDeroulant .sousMenu li a:link,

		#menuDeroulant .sousMenu li a:visited
		{
		 display: block;
		 background: #ccc;
		 margin: 0;
		 border: 0;
		 text-decoration: none;
		 color: black;
		
		}
		#menuDeroulant li :hover
		{
			 color: white;
			background: #530000;
		}			
		#menuDeroulant li:hover  .sousMenu { display: block; }
		
</style	>	

		
	</head>

<body>
	<!-- debut du menu deroulant -->

	<ul id="menuDeroulant">
		<li>
			<a href="#">Information pratique</a>
		
			<ul class="sousMenu">
				<li><a href="url-de-renvoi">Qu'est-ce qu'un RPG ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un FPS ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un jeux d'action ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un jeux de plate forme ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un jeux d'aventure ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un jeux de combats ?</a></li>
				<li><a href="url-de-renvoi">Qu'est-ce qu'un jeux de courses?</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Encyclopédie</a>
			<ul class="sousMenu">
				<li><a href="url-de-renvoi">Tous les jeux</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les rpg</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les jeux de courses</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les FPS</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les jeux d'aventures</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les jeux de combats</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les jeux d'action</a></li>
				<li><a href="http://localhost/projet-web-dynamique/PHP/elements_inchangeables/categorie/">Tous les jeux de plate formes</a></li>
			</ul>
		
		</li>
		<li>
			<a href="#">Classements</a>		
			<ul class="sousMenu">
				<li><a href="url-de-renvoi">Meilleurs FPS</a></li>
				<li><a href="url-de-renvoi">Meilleurs RPG</a></li>
				<li><a href="url-de-renvoi">Meilleurs jeux de plate formes</a></li>
				<li><a href="url-de-renvoi">Meilleurs jeux de courses</a></li>
				<li><a href="url-de-renvoi">Meilleurs jeux de combats</a></li>
				<li><a href="url-de-renvoi">Meilleurs jeux d'aventure</a></li>
				<li><a href="url-de-renvoi">Meilleurs jeux d'action</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Aide et support</a>
		
			<ul class="sousMenu">
				<li><a href="url-de-renvoi">A propos</a></li>
				<li><a href="url-de-renvoi">Informations légales</a></li>
			</ul>
		
		</li>
	</ul>

	<!-- fin du menu deroulant -->


j'aimerais dans un premier temps savoir si je peut mettre le sous menu horizontalement.
et dans un second temps savoir comment je peut rajouter un sous sous menu mais lui verticale
Modifié par joe0703 (09 Apr 2016 - 17:02)
ça je m'en doute ^^
je demande justement si quelqu'un peut m'orienter vers ce que je doit rajouter ^^
et comment le rajouter
bah au final, tu as deja fait le boulot Smiley smile

car tu as déjà un menu horizontale avec un sous menu vertical, tu n'a qu'a déplacer copier le code du menu horizontale et le placé sur le sous menu, et le code du sous menu copie le dans le code du sous sous menu.
Sujet clos
Aller à