Problème de centre ..

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 :

<ul id="menu">
<li><a href="etape1.html">Qui suis-je?</a></li>
<li><a href="etape2.html">Galerie</a></li>
<li><a href="etape3.html">?</a></li>
<li><a href="etape4.html">?</a></li>
<li><a href="etape5.html">?</a></li>
</ul>

css:

Code :

ul#menu
{
height: 35px ;
margin: 0 ;
padding: 0 ;
background: url(bg_menu.gif) repeat-x 0 -25px center;
list-style-type: none ;
}
ul#menu li
{
float: left ;
text-align: center ;
}
ul#menu li a
{
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #FFA01E ;
display: block ;
text-decoration: none ;
border-right: 2px solid #FFDB79 ;
}
ul#menu li a:hover
{
background: url(bg_menu.gif) repeat-x 0 0 ;
}

Merci d'avance!

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

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

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

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

Marche pas =(

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é.

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

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

Sujets relatifs:

Leave a Replay

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

Name *

Email *

URL

Message *