alignement du texte vertical dans une liste
Posté : 24 août 2006, 15:55
Bonjour,
j'ai un menu horyzontal et je n'arrive pas a faire en sorte que le texte dans les LI soit centrer verticalement !
voici mon code
et le css
merci de votre aide
j'ai un menu horyzontal et je n'arrive pas a faire en sorte que le texte dans les LI soit centrer verticalement !
voici mon code
Code : Tout sélectionner
<div class="conteneurmenuho">
<div class="menuhaut">
<ul>
<li><a href="">Menu 1</a></li>
<li><a href="">Menu 2</a></li>
<li><a href="">Menu 3</a></li>
<li><a href="">Menu 4</a></li>
</ul>
</ul>
</div> Code : Tout sélectionner
#menuhaut {
width: 100%;
}
div.menuhaut ul {
list-style-type: none;
margin:0;
padding:0;
width: 100%;
}
div.menuhaut li {
float: left;
padding:0;
margin:0px;
}
div.menuhaut a {
margin: 0 0px;
padding:0;
width: 100px;
height: 22px;
float: left;
display: block;
text-align: center;
vertical-align: center;
text-decoration: none;
color: #fff;
background: #6487dc;
}
div.menuhaut a:hover {
background: #8caae6;
}
div.menuhaut a:active {
background: gray;
color: #fff;
}
.conteneurmenuho {
color: white;
background-color: rgb(100,135,220);
height: 1.9em;
}