Sous-menu qui ne s'affiche pas

**foxy50** · 01/03/2015, 18h39

Bonjour,

Je débute en html et css. J'ai commencé il y a 2 semaines et j'essaie de m'en sortir.
Je souhaite réaliser un menu déroulant vertical.Pour cela, je me suis inspiré du tuto du site mais j'ai un problème : mes sous-menus ne s'affichent pas quand je passe ma souris sur les liens du menu.

Voici mon code html :

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
20
<html>
<head>
	<meta charset="iso-8859-1" />
	<title>titre</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
	<nav>
		<ul>
		<li><a href="?">Menu 1</a></li>
		<li><a href="?">Menu 2</a></li>
		<ul>
			<li><a href="?">sous-menu 1</a></li>
			<li><a href="?">sous-menu 2</a></li>
			<li><a href="?">sous-menu 3</a></li>
		</ul>
		</ul>
	</nav>
</body>
</html>

Sans code CSS, tout s'affiche bien : le sous-menu est décalé sur la droite.

J'arrive à faire disparaitre mes puces et à faire disparaitre mon sous-menu en rentrant ce code CSS:

Code :

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

1
2
3
4
5
6
nav ul{
	list-style-type:none;
	}
 
ul ul{display:none;
	}

Par contre, je n'arrive pas à les faire réapparaitre quand je passe ma souris sur le lien.
Voici ce que j'ai entré :

Code :

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

1
2
3
4
 
li:hover ul{
	display:block;
	}

Je me suis dit, c'est peut-être hover qui ne marche pas donc j'ai fait un test avec ça :

Code :

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

1
2
3
li:hover a{
	color:green;
	}

Et mes liens s'écrivent bien en vert quand ma souris passe dessus.

Enfin, bref, je ne comprends pas pourquoi mon sous-menu ne réapparait pas.

Je vous remercie de bien vouloir m'aider un peu.

**vinou33** · 01/03/2015, 19h38

Tu devrais mettre les ul des sous menus dans un li pour voir. Par exemple si le sous menu est celui de menu 2:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<nav>
	<ul>
		<li><a href="?">Menu 1</a></li>
		<li><a href="?">Menu 2</a>
		<ul>
			<li><a href="?">sous-menu 1</a></li>
			<li><a href="?">sous-menu 2</a></li>
			<li><a href="?">sous-menu 3</a></li>
		</ul>
                </li>	
	</ul>
</nav>

**foxy50** · 01/03/2015, 19h44

Merci. Ca marche nickel !

Je n'ai pas été assez attentif.

Sous-menu qui ne s'affiche pas

CSS

Discussions similaires

Partager

Partager