Menu html css : rendre un bouton cliquable sur toute sa surface

Bonsoir à tous et à toutes,

Je vous expose mon problème ! J'ai un menu en html/css avec le code ci-dessous :

Code:

---

1 2 3 4

<div id="menu_gauche"> <ul class="niveau1"> <li class="bouton1"><a href="#1" title="Accueil"><b>Accueil</b></a></li> ...

---

J'aimerais que tout le bouton soit cliquable (l'intégralité de l'image en fond), et pour l'instant seul le lien "Accueil" est cliquable.

Comment est-ce que je peux faire ?

Cordialement,
shepounet

Bonjour,

en css :

Code:

---

1 2 3 4

<style> li.bouton1 a {display:block} </style>

---

Après avoir rajouté le bout de code, il se trouve que le texte sort du bouton.

Voici une version en ligne si vous avez le temps de jeter un oeil je vous en serais reconnaissant : http://francois-charbonnier.com/iv/I...maquette2.html

J'ai également une autre question, j'ai une image en fond d'écran. Pour que celle-ci se redimensionne automatiquement, je dois obligatoirement passer par du javascript ?

Cordialement,
shepounet

Bonsoir

Il suffit de supprimer le

Code:

---

margin-top : 30px;

---

Pour le fonds ce n'est pas possible de modifier sa taille sauf à utiliser CSS 3. En javascript je ne sais pas...