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>
Partager