Discussion :

[solorac]

Bonjour la Communauté,

Je ne comprend pas pourquoi mes sous menu n'apparaissent plus. J'ai fais des modifs et j'ai certainement supprimé des lignes de codes mais j'y suis depuis trop longtemps dessus et je ne vois plus rien.

Deux petites autres question :

Comment mettre deux pixels d'écart entre deux "boutons" du menu (constitué par une image)?

Comment centrer en hauteur "accueil, présentation, services...)?



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
<ul id="menu">
	<li><a href="#">Accueil</a>
 
	</li>
    <li><a href="#">Présentation</a>
		<ul>
			<li><a href="#">Qui sommes nous ?</a></li>
			<li><a href="#">iDR</a></li>
			<li><a href="#">Notre réseau</a></li>
		</ul>
	</li>
	<li><a href="#">Services</a>
		<ul>
			<li><a href="#">Nos plateformes</a></li>
			<li><a href="#">Nos partenaires</a></li>
		</ul>
	</li>
</ul>

Et voici mon code css :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#menu{ 
margin-top:3px;
padding:0;
list-style: none;
color:#000000;
}
 
#menu a{
text-decoration: none;
display: block;
color:#000000;
}
 
#menu li{
float:left;
background:url(../images/visiteurs/b1.png) no-repeat;
list-style: none;
text-align:center;
width:146px;
height:39px;
}
 
#menu li:hover{
background:url(../images/visiteurs/b2.png) no-repeat;
}
 
#menu ul{
list-style: none;
display: none;
}

[Ecared]

Salut si tes sous-menus ne s'affichent pas c'est à cause de:

Code :

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

1
2
3
4
5
 
#menu ul{
list-style: none;
display: none;
}

Tu peux faire ça pour les afficher au survol:

Code :

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

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

Je n'ai pas bien compris a seconde question désolé.

Et pour la troisième tu peux par exemple faire:

Code :

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

1
2
3
4
5
6
 
menu li{
height:50px;
line-height:50px;
vertical-align: middle;
}

[solorac]

Merci pour ton aide.