Bonjour,

Je rencontre des difficultés pour faire que la balise <a> remplisse la balise <li> qui la contient dans un menu horizontal.

Sur un menu vertical la fonction display:block le permet:
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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>menu</title>
	<style type="text/css">
		li{
			height:40px;
			background:#aaaaaa;
			width:300px;
			margin:10px 0;
			list-style-type:none;
		}
		a{
			background:#ffff00;
			height:40px;
			display:block;
			width:300px;
 
		}
	</style>
 
</head>
<body>
	<ul>
		<li><a href="#">menu 1</a></li>
		<li><a href="#">menu 2</a></li>
	</ul>
</body>
 
</html>
Mais pour un menu horizontal je dois ajouter
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
li{display:inline;}
qui ne fonctionne pas à cause de :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
a{display:block;}
Savez-vous quelle est la solution ?