Une cellule entière cliquable

[sim100]

Bonjour,
J'ai une liste faite de case générées via un <ul><li>

En gros

Code: Tout sélectionner

echo "<li class='lidroplist'><a href=''>$list_cat_search[0]<br />$list_cat_search[1]</a></li>";

et le CSS

Code: Tout sélectionner

.uldroplist {
line-height:normal;
list-style-type: none;
width: 300px;
padding:3px;
background: #F2F2F2;
cursor:pointer;
position:absolute; right: -10px; top: 0px;
color: #515151; border: #BFBFBF 1px solid; font-size: 10px; text-align:left;
}
.lidroplist { border-bottom:#BFBFBF 1px dotted; list-style-type:none; padding:3px }
.lidroplist:hover {background: #CEECFF; color:#3289C2 }

Mais la quand je passe la souris le lock se surligne en bleu, quand je passe sur le lien, il est cliquable. Mais moi je voudrais que toute la cellule soit cliquable, pas seulement le lien.

Si vous avec une idée

Merci

[Anto1982]

Code: Tout sélectionner

style="display: block; width: 100%; height: 100%;"

dans ta balise <a href="xxxxxxxxxx.xxxx" ici!>TRUC</a>

[sim100]

Merci cela dit ça ne marche toujours pas

J'ai mis

Code: Tout sélectionner

echo "<li class='lidroplist'><a href='http://site.com' style='display: block; width: 100%; height: 100%;'>$list_cat_search[0]<br />$list_cat_search[1]</a></li>";

Merci encore pour l'aide si qq a une solution

[loulkil]

Bonjour,

ajouter ceci :

Code: Tout sélectionner

.lidroplist a {width:100%;display:block;}

dans votre feuille de style.

cordialement

[sim100]

Très bien, super, merci beaucoup