[CSS] problème disposition d'une liste de liens

problème disposition d'une liste de liens [CSS] - HTML/CSS - Programmation

Marsh Posté le 24-06-2007 à 01:20:55    

Bonjour,
Je ne suis qu'un débutant en css, et j'ai un problème d'affichage dans une liste de liens. En fait je veux faire une liste de lien, disposé horizontalement et centré sur la page.
Quand je mets "float: left" pour li, la liste est bien horizontale. Seulement pour que celà reste cohérent avec le reste de ma page, je voudrais la centrer. Quand je mets "float:center" la liste est au centre de la page, mais n'est plus disposée horizontalement. Les items de la liste sont mis chacun à la ligne.
 
Voila la partie concernée du css :

Code :
  1. ul {
  2. list-style-type: none;
  3. }
  5. .menu_list li {
  6. float: center;
  7. }
  9. .menu_list a {
  10. margin:0 5px;
  11. width: 100px;
  12. height: 20px;
  13. display: block;
  14. text-align: center;
  15. border: 1px solid gray;
  16. text-decoration: none;
  17. color: #000;
  18. background: #FFF;
  19. }
  21. .menu_list a:hover {
  22. background: #FF0000;
  23. border: 1px solid gray;
  24. color: #FFF;
  25. }
  27. .menu_list a:active {
  28. background: gray;
  29. border: 1px solid gray;
  30. color: #fff;
  31. }


 
et voici ce que je mets dans ma page html:

Code :
  1. <ul class="menu_list">
  2. <li><a href="lien1"/></li>
  3. <li><a href="lien2"/></li>
  4. </ul>


 
 
Merci d'avance de m'éclairer.. :)

Reply

Marsh Posté le 24-06-2007 à 01:20:55   

Reply

Marsh Posté le 24-06-2007 à 12:28:44    

float:center; n'existe pas.
La solution se trouve sans doute là : http://www.tyssendesign.com.au/art [...] down-menu/

Reply

Sujets relatifs:

Leave a Replay

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