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 :
et voici ce que je mets dans ma page html:
Merci d'avance de m'éclairer..
Modifié par lego22 (24 Jun 2007 - 10:21)
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 :
ul {
list-style-type: none;
}
.menu_list li {
float: center;
}
.menu_list a {
margin:0 5px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000;
background: #FFF;
}
.menu_list a:hover {
background: #FF0000;
border: 1px solid gray;
color: #FFF;
}
.menu_list a:active {
background: gray;
border: 1px solid gray;
color: #fff;
}
et voici ce que je mets dans ma page html:
<ul class="menu_list">
<li><a href="lien1"/></li>
<li><a href="lien2"/></li>
</ul>
Merci d'avance de m'éclairer..
Modifié par lego22 (24 Jun 2007 - 10:21)