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 :
- <div class="admin" id="admin1">
- <p>INFORMATIONS</p>
- <ul>
- <li><a class="bouton" href="index.php?a=temp">Travail temporaire</a></li>
- <li><a class="bouton" href="index.php?a=sites">Sites</a></li>
- <li><a class="bouton" href="index.php?a=assos">Associations</a></li>
- <li><a class="bouton" href="index.php?a=infos">Informations</a></li>
- <li><a class="bouton" href="index.php?a=formations">Formation</a></li>
- <li><a class="bouton" href="index.php?a=partenaires">Partenaires</a></li>
- <li><a class="bouton" href="index.php?a=villes">Villes</a></li>
- </ul>
- </div>
|
le css:
Code :
- .admin { width: 90%; padding: 10px; margin: 10px auto; background-color: #ffffff; border: 1px solid black; }
- .admin ul { margin: 0; padding: 0; text-align: center; }
- .admin li { margin: 0 auto; padding: 0; list-style: none; border: 1px solid black;
- font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
- .bouton { color: #1A1784; background-color: #ffffff; width: 100%; }
- .bouton:hover { color: #ffffff; background-color: #1A1784; font-weight: bold; }
|