Compter le nombre d'éléments d'une liste ul / Mise en page CSS

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

#menu {
display: table;
}

#menu li {
display: table-row; vertical-align: middle; 
}

Les marges sont les cellules en elle-mêmes... Pour tes styles utilise les <a>.

Cette solution est pas mal mais si j'ai pas la même quantité de texte dans chaque menu, la taille des cellules n'est pas la même (retour à la ligne).

Edit: Ca et le fait que j'arrive pas à centrer verticalement les a contenus dans les li.

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Les marges sont les cellules en elle-mêmes... Pour tes styles utilise les <a>.

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

La première solution crée trois blocs occupant toute la hauteur et ne tient donc pas compte des marges. J'essaierai celles présentées dans ton lien.

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Tu devrais plutôt chercher à centrer verticalement ton ensemble d'items. Sinon que se passe-t-il si tu n'as qu'un item ? Un gros paté..

#menu {
display: table;
}

#menu li {
display: table-row; vertical-align: middle;
}

Non ?

Ou autres : http://www.vanseodesign.com/css/vertical-centering/

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS


Voilà un exemple avec un cadre image flottant à gauche et le menu flottant à droite avec 3 éléments non centrés.

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Afin de les répartir équitablement verticalement et d'équilibrer leurs tailles par rapport à l'espace disponible (margin, height, font-size...). Actuellement ce ul est en float:right, et je gère cet équilibre avec notamment le margin d'ul, des li.

Je pense que tu t'y prends mal. L'équilibre vertical est sensé être automatique (tout comme l'horizontal avec un peu plus de technique), "l'espace disponible" n'a pas de sens en vertical et height et font-size sont de toute façon sensés être toujours les mêmes quel que soit ton but sous peine d'un gros manque de cohérence.

Avec un schéma on pourrait plus t'aider.

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Afin de les répartir équitablement verticalement et d'équilibrer leurs tailles par rapport à l'espace disponible (margin, height, font-size...). Actuellement ce ul est en float:right, et je gère cet équilibre avec notamment le margin d'ul, des li.

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Je ne sais pas à l'avance combien d'éléments il peut y avoir. Comment ferais-tu ?

Oui mais pour faire quoi exactement ? Les répartir équitablement sur une ligne ou autre ?

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

@al1pb : Le module de base de Joomla pour afficher les menus : mod_menu

[al1pb]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

J'ai encore une question:
Quel module utilises-tu pour afficher tes menus?

[al1pb]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

@al1pb : Je cherche justement cette fonction php. Je ne pense qu'il faille aller jusqu'à la réécriture du module mais juste utiliser index.php et template.css.

Ca serrait plus simple pour compter le nombre de li, et tu pourais mettre la classe menu-2 dans ul sans créer un div supplémentaire

Mais je penses qu'il doit y avoir une solution nettement plus simple sans usine à gaz ni programmation php

Bon courage

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Je ne vois pas comment. Je ne sais pas à l'avance combien d'éléments il peut y avoir. Comment ferais-tu ?

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

En quoi tu ne peux pas faire ça avec les classes d'items du menu standard ?

[Jeremylgx]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

@kursus : En gros, mettre des marges, des hauteurs des li, des tailles de texte et des valeurs top de position:absolute différentes.

[kursus]

Re : Compter le nombre d'éléments d'une liste ul / Mise en page CSS

Avant de construire un tank pour tuer une mouche, essaye de répondre à ma question...