Display: block

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Display: block

par Victor BRITO » 27 sept. 2006, 16:09

Salut!

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

Display: block

par Stever34000 » 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 ???