Lien seulement sur le texte [Résolu]

[Amerzone38]

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 :

Code :

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>

Voici le CSS :

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
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;
}

Merci pour vos réponses

[Loceka]

Essaye ça :

Code :

1
2
3
#sousmenu a {
  display : block;
}

[Amerzone38]

C'était bien ca ! Merci (j'aurais du y penser lol)