Discussion :

[Maxence45]

Bonsoir à tous , voici un menu dans un div , mais le menu n'est ni centré verticalement et horizontalement et le texte déborde des cases du menu , quelqu'un saurait me dire où est le soucis svp ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="s">
	<ul>
	<li><a href="">x</a></li>
	<li><a href="">y</a></li>
	<li><a href="">z</a></li>
	<li><a href="">u</a></li>
	</ul>
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.s {
height: 20px;
}
 
ul {list-style-type: none;}
 
div.s a {
margin: 0 2px;
width: 100px;
height: 15px;
float: left;
text-align: center;
border: 1px solid gray;
}

merci

[Strix]

Salut

C'est marrant ça me rappelle une autre discussion : http://www.developpez.net/forums/sho...d.php?t=373837

[Maxence45]

celle ci n'a rien à voir , l'autre j'ai résolu le soucis , là il s'agit d'un menu horizontal .

[Damouille]

pour alignement, c'est

.s li {
display: inline;
}

[Strix]

Bon avec le code que as donné on obtient ça :



Peut-être plus de code CSS et HTML ?

Edit : c'est li tout court

[Damouille]

et pour le texte qui depasse c'est le height qui doit etre trop petit pour la taille de la police. avec 20px, tout s'arrange

[Maxence45]

pas du tout strix , avec mon code j'ai bien un menu horizontal mais il n'est pas centré dans mon div .

non damouille pour l'alignement c'est bien display: block et un float left comme j'ai fait , j'ai jamais eu de soucis d'alignement , je veux juste que mon menu horizontal soit centré dans mon div...

en gros comment on fait pour centrer horizontalement un menu horizontal ?