Bonsoir à tous !
Je rencontre un petit soucis pour centrer mon menu en liste à puces (en désactivant les puces).
J'ai cette structure XHTML :
Et ce code CSS :
Et enfin voici ce que j'obtiens :
http://pix.nofrag.com/a/7/c/2169c401bf9f1f642d28f66b16ca2t.jpg
Le problème, c'est que je bataille depuis 1 heure pour centrer ce menu verticalement sur la bannière bleue qui est un background.
Vous z'auriez une petite idée siouplait ?
Bonne soirée à tous !
Modifié par Jeoffrey54 (17 Mar 2009 - 00:15)
Je rencontre un petit soucis pour centrer mon menu en liste à puces (en désactivant les puces).
J'ai cette structure XHTML :
<div id="banniere">
<ul id="menu_horizontal">
<li><a href="accueil.php">Accueil</a></li>
<li><a href="news.php">News</a></li>
<li><a href="livreor.php">Livre d'or</a></li>
<li><a href="admin.php">Admin</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>
Et ce code CSS :
#banniere {
background-image: url(../images/banniere.jpg);
background-repeat: no-repeat;
height: 90px;
width: 810px;
background-position : center;
}
#menu_horizontal{
margin: 0;
padding: 0;
height:25px;
line-height:25px;
text-align: center;
}
#menu_horizontal li{
display: inline;
line-height:25px;
padding:0 10px;
}
#menu_horizontal a, a:hover {
color: #FFFFFF;
text-decoration: underline;
}
Et enfin voici ce que j'obtiens :
http://pix.nofrag.com/a/7/c/2169c401bf9f1f642d28f66b16ca2t.jpg
Le problème, c'est que je bataille depuis 1 heure pour centrer ce menu verticalement sur la bannière bleue qui est un background.
Vous z'auriez une petite idée siouplait ?
Bonne soirée à tous !
Modifié par Jeoffrey54 (17 Mar 2009 - 00:15)