Problème de centre ..

Problème de centre .. - HTML/CSS - Programmation

Marsh Posté le 20-05-2007 à 19:24:57    

Bonjour, impossible de centrer le menus, pourriez vous me dire ou j'ai fait la faute (le code html je l'ai suivis d'un cours sur le net):
 

Code :
  1. <ul id="menu">
  2.   <li><a href="etape1.html">Qui suis-je?</a></li>
  3.   <li><a href="etape2.html">Galerie</a></li>
  4.   <li><a href="etape3.html">?</a></li>
  5.   <li><a href="etape4.html">?</a></li>
  6.   <li><a href="etape5.html">?</a></li>
  7.  </ul>


 
css:
 

Code :
  1. ul#menu
  2. {
  3. height: 35px ;
  4. margin: 0 ;
  5. padding: 0 ;
  6. background: url(bg_menu.gif) repeat-x 0 -25px center;
  7. list-style-type: none ;
  8. }
  9. ul#menu li
  10. {
  11. float: left ;
  12. text-align: center ;
  13. }
  14. ul#menu li a
  15. {
  16. width: 130px ;
  17. line-height: 25px ;
  18. font-size: 1.2em ;
  19. font-weight: bold ;
  20. letter-spacing: 2px ;
  21. color: #FFA01E ;
  22. display: block ;
  23. text-decoration: none ;
  24. border-right: 2px solid #FFDB79 ;
  25. }
  26. ul#menu li a:hover
  27. {
  28. background: url(bg_menu.gif) repeat-x 0 0 ;
  29. }


 
 
Merci d'avance!
 

Reply

Marsh Posté le 20-05-2007 à 19:24:57   

Reply

Marsh Posté le 20-05-2007 à 19:27:57    

Sans le code de la page, je dirais margin:0 auto; dans ul#menu

Reply

Marsh Posté le 20-05-2007 à 20:07:46    

Marche pas =(

Reply

Marsh Posté le 20-05-2007 à 21:45:02    

Peut-être faudrait-il déplacer la propriété sur la largeur au même endroit que la propriété sur l'alignement, par exemple, mettre text-align: center ; dans ul#menu li a. Mais je dis ça sans avoir testé.

Reply

Marsh Posté le 21-05-2007 à 01:02:10    

moi je te propose d'inclure ton ul dans une balise div="menu" et de virer id=menu" de ton ul, et ainsi tu dissocie les propriétés et tu appliques un margin:auto et text-align:center au div, et non plus au ul...
moi j'dis ça, mais j'y connais rien en css :D


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Sujets relatifs:

Leave a Replay

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