Display: block

Stever34000
Invité n'ayant pas de compte PHPfrance

23 sept. 2006, 15:41

Bonjour j'ai un petit probleme avec la création d'un menu

Code : Tout sélectionner

<div class="menu"> <ul> <li><a href="/contact/mail.php"><img src="lettre.gif" WIDTH="30" HEIGHT="30" /></a></li> <li><a href="/contact/mail.php">BlablaS</a></li> </ul> </div>
1°) si dans ma feuille de style, je fais

Code : Tout sélectionner

.menu li a { display: block; border: 2px solid green; }
j'ai bien le block qui prend la totalité de <li> donc si je clique dans le block qui contient l'image le lien se fait
parcontre si je clique sur le block qui contient les texte le lien ne se fait pas, il faut cliquer absolument sur le texte ???

normalement dans tout les tuto cette methode semble efficace, pourquoi ne marche telle pas ???

2°) si dans ma feuille de style, je fais

Code : Tout sélectionner

.menu li a { display: block; width : 100%; height : 100%; border: 2px solid green; }
le lien fonction sur l'image et le texte mais aussi sur le cadre, mais pas sur le block.

Pourquoi cela ne fonctionne t il que sur le cadre

3°) si dans ma feuille de style, je fais

Code : Tout sélectionner

.menu li a { width : 100%; height : 100%; border: 2px solid green; }
cela fonctionne alors que dans tout les tuto on indique de transformer le block inline <a> en un block pour qu'elle occupe 100% de l'espace ???

Mammouth du PHP | 2937 Messages

27 sept. 2006, 16:09

Salut!

Essaie de virer l'image ou mets-la en arrière-plan.