Pb Creation un sous Menu en CSS !
Bonjour,
Je voulais savoir comment je pourrais creer un sous menu avec du html et du css. J'ai regarder plusieur site avec des exemples , mais je n'arrive pas à reproduire le menu que je voudrais.
Dans l'image ci dessous, j'ai reussi à creer la barre du haut du menu. Maintenant je voudrais savoir comment je pourrais creer la barre du bas.
Je veux que lorsque un utilisateur va sur le menu avec la souris, qu'un sous menu apparaisse sous le menu principale, comme dans le lien ci-dessous.
http://img221.imageshack.us/my.php?i...nstitremq4.jpg
Mon fichier css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
#navbar_ex4 {
background-color: #426208;
float: left;
width: 700px;
}
#navbar_ex4 ul {
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, sans-serif;
font-weight: bold;
letter-spacing: 2px;
margin: 0;
padding: 0 0 0 7%;
}
#navbar_ex4 ul li {
display: inline;
}
#navbar_ex4 a {
background-color: #426208;
border-right: 1px solid #94B473;
color: #FFFFFF;
float: left;
padding: 0.2em 12px;
text-decoration: none;
}
#navbar_ex4 a:hover {
background-color: #7B9D25;
color: #FFFFFF;
} |
Ma page html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<div id="navbar_ex4">
<ul>
<li><a href="#">Exemple 4</a></li>
<li><a href="#">Lien 2</a></li>
<li><a href="#">Lien 3</a></li>
<li><a href="#">Lien 4</a></li>
<li><a href="#">Lien 5</a></li>
<li><a href="#">Lien 6</a></li>
</ul>
</div> |
Je vous remercie d'avance ! :)
