CODE
<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>
<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
.menu li a {
display: block;
border: 2px solid green;
}
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
.menu li a {
display: block;
width : 100%;
height : 100%;
border: 2px solid green;
}
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
.menu li a {
width : 100%;
height : 100%;
border: 2px solid green;
}
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 ???