Discussion :

[thierryG]

Bonjour
j'eesaie de faire un menu en utilisant le css
Le 1er code est une partie de mon menu et le 2ème le fichier 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
 
<div>
	<ul class="menuH">
		<li>
			<a id="accueil" href="javascript:void(0);"
				onMouseOver="montreSMenu('accueil'); return true;"
				onMouseOut="cacheSMenu('accueil'); return true;">
				Accueil
			</a>
 
			<ul id="accueil_sm" class="ssmenuH">
				<li>
					<a href="/">Accueil</a>
				</li>
				<li>
					<a href="/livre/">Livre d'Or</a>
				</li>
				<li>
					<a href="/annu/">Annuaire</a>
				</li>
				<li>
					<a href="javascript:addFav();">Ajouter aux favoris</a>
				</li>
			</ul>
		</li>

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
31
32
33
34
35
36
37
38
39
40
41
42
43
 
/* CSS Document */
.menuH
{
	font-weight:bold;
	font-style:11px;
	height:25px;
}
.menuH a
{
	text-decoration: none;
	display: block;
	text-align:center;
	width:100px;
}
.menuH li
{
	float:left;
	list-style-type: none;
}
 
.ssmenuH
{
	display:none;
	border:thin #00FF66 solid;
	position:absolute;
	color:#FF0000;
 
}
.ssmenuH li
{
	margin: 0px;
	padding: 0px;
	clear: left;
	border:thin #FFFF66 solid;
	text-align:left;
}
.ssmenuH li a
{
	display: block;
	text-align:left;
	padding: 1px 0px 1px 5px;
}

Voir l'image pour le résultat.
On voit très bien que les sous menu sont décalés. Les bords verts matérialisent la balise ul et les bords jaunes les balises li.
Je souhaiterais que les li soient alignés à gauche et sans marge (c'est pourtant ce que j'avais demandé au css)