Bonjour,

Je ne comprends pas pourquoi dans le code ci-après lorsque que je passe la souris sur l'un des menus la couleur ne change que sur la longeur du texte et non tout le container.

Merci

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
 
<style>
.menuTab{
	background-color: white;
}
.menuTab li{
	max-width: 5em;
	background-color: Olive;
	border: 2px solid #4a6a7c;
	border-bottom: none;
	border-radius: 0.4em 0.4em 0 0;
	list-style-type: none;
	margin:0;
	padding:0;
	padding-left: 0.3em;
	display: inline-block;
}
.menuTab li a:hover{
	background-color: PaleGreen;
}
 
body { background-color: grey;}
</style>
</head>
<body>
 
	<ul class="menuTab">
		<li><a href="#">Rubrique 1</a></li>
		<li><a href="#">Rubr 2</a></li>
		<li><a href="#">Longue rubrique 3</a></li>
		<li><a href="#">Rubrique et padding 4</a></li>
	</ul>