Discussion :

[Torpedox]

Bonjour,

j'ai un menu définis par des <li> en display:inline et un <ul> en display:block

Chaque <li> se dimensionne au contenu de son texte mais j'aimerais que tout mes <li> prennent la taille du plus grand (qu'ils aient la même taille quoi)

Est-ce possible, et si oui comment ?

Merci de votre aide

[francis m]

je suppose que tu connais la taille du plus grand ?

essaie

Code :

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

li { height : 50px; width : 200px; }

éventuellement avec une classe spécifique menu pour éviter que cela se fasse sur tous les li...

[Torpedox]

Ben non je ne connais pas la taille du plus grand. Le menu est réutilisé dans plusieurs rubriques générés dynamiquement donc ça risque de changer mais au pire je pourrais faire comme ça, le problème est que l'attribut width ne fonctionne pas ! Il y a un problème c'est sur, mais où ?

voici ma css :

#haut li {
background:#7D8AFF;
color:black;
display:inline;
list-style-type:none;
margin:2%;
margin-top:40%;
padding:3px;
border-width:1px;
border-color:black;
border-style:ridge;
width:1000px; (pour être sur de le voir !)
}

[SIBELIUS]

Hello Torpedox,

Une balise de type inline, ou déclarée comme tel avec un display, de peut pas avoir de dimensions (width, height).
Seules les balises bloc peuvent en avoir.

Si tu veux :
- afficher tes items de liste de façon horizontale
- et leur donner des dimensions

Il faut les rendre flottants (utiliser float à la place de display)

[Torpedox]

En effet ça marche bien merci ! Je ne savais pas que l'attribut inline ne permettait pas le dimensionnement.

Par contre j'ai encore un petit problème : float n'accepte pas l'attribut center, donc impossible de centrer le tout ! Comment faire ?

J'ai essayé un text-align:center ainsi que de mettre un <div align='center'> mais rien

Merci de votre aide.

[SIBELIUS]

Par contre j'ai encore un petit problème : float n'accepte pas l'attribut center, donc impossible de centrer le tout ! Comment faire ?

Oui en effet : float n'est pas conçu pour centrer les éléments.
Mais si tes items de liste ont une taille définie, il te suffit de centrer le menu entier, <ul> puisque tu connais sa largeur.

[francis m]

tu peux aussi créer un div (cela en fera beaucoup) à l'intérieur de ton div flottant et le centrer