[CSS] balises a dans balise il

balises a dans balise il [CSS] - HTML/CSS - Programmation

Marsh Posté le 20-05-2005 à 12:03:54    

Voila j'ai un menu vertical avec les balise <ul><li> et dans chaque balise <li> il y a un lien.
Je voudrais en fait que les <a> prenne toute la largeur et toute la hauteur de la cellule <li>, mais pour l'instant çà ne marche pas, <a> ne prend que la largeur et la hauteur du texte.
 
Mettre un float ne marche pas non plus.
 
le html:

Code :
  1. <div class="admin" id="admin1">
  2. <p>INFORMATIONS</p>
  3. <ul>
  4. <li><a class="bouton" href="index.php?a=temp">Travail temporaire</a></li>
  5. <li><a class="bouton" href="index.php?a=sites">Sites</a></li>
  6. <li><a class="bouton" href="index.php?a=assos">Associations</a></li>
  7. <li><a class="bouton" href="index.php?a=infos">Informations</a></li>
  8. <li><a class="bouton" href="index.php?a=formations">Formation</a></li>
  9. <li><a class="bouton" href="index.php?a=partenaires">Partenaires</a></li>
  10. <li><a class="bouton" href="index.php?a=villes">Villes</a></li>
  11. </ul>
  12. </div>


 
le css:

Code :
  1. .admin { width: 90%; padding: 10px; margin: 10px auto; background-color: #ffffff; border: 1px solid black; }
  2. .admin ul { margin: 0; padding: 0; text-align: center; }
  3. .admin li { margin: 0 auto; padding: 0; list-style: none; border: 1px solid black;
  4. font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
  5. .bouton { color: #1A1784; background-color: #ffffff; width: 100%; }
  6. .bouton:hover { color: #ffffff; background-color: #1A1784; font-weight: bold; }

Reply

Marsh Posté le 20-05-2005 à 12:03:54   

Reply

Marsh Posté le 20-05-2005 à 12:07:27    

essaye de rajouter un display:block;

Reply

Marsh Posté le 20-05-2005 à 12:10:58    

merci monsieur ^^

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed