hover background-color ne remplit pas tout le champ.
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:
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> |