Bonjour,
J'ai un menu déroulant et je voudrais que le lien soit cliquable sur tout le "li" hors seul le texte est cliquable.
Voici le code html :
Voici le CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <li class="contact"><a href="#">Contact</a> <ul id="sousmenu"> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> <li><a href="#">Test</a></li> </ul> </li>
Merci pour vos réponses
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 #menu { text-decoration: none; text-align: center; margin: 0px; padding: 0px; border: none; list-style-type: none; line-height:normal; } .contact:hover { background:url(img/accueil_on_07.png); } .contact a { color: #FFFFFF; text-decoration: none; } #sousmenu { position:absolute; margin-top:5px; margin-left:-153px; } #sousmenu li{ text-decoration: none; list-style-type:none; background:transparent url(img/fondTR.png) no-repeat center; width:200px; height:20px; border-top:1px solid transparent; line-height:20px; text-align:left; text-indent:10px; } #sousmenu li:hover{ background-image:url(img/fondTRvert.png); } #header #menu #sousmenu { display: none; } #header #menu li.contact:hover > #sousmenu { display: block; }
Partager