28172 sujets

CSS et mise en forme, CSS3

Bon ben voila, j'ai beaucoup cherché, j'espère sincèrement d'alsacreation pourra m'aider Smiley smile .

J'ai une liste en ul > li disposée en vertical.
J'aimerai que cette liste, dont je ne connais pas le nombre d'entités (générées dynamiquement), se dispose sur 1 ou 2 colonnes selon le nombre d'éléments de la liste.
Je la place dans un conteneur à hauteur fixe, mais a longeur variable.

Je joins une image Smiley smile
upload/17585-siterub.jpg
Bonjour,

Cette disposition est impossible à obtenir automatiquement en CSS, sauf peut-être avec le colonage en CSS3 (propriétés column-count, column-gap). Mais ce n'est compatible qu'avec Firefox 3 et Safari 3.
Cf. http://www.css3.info/preview/multi-column-layout/

Tu peux éventuellement faire flotter les LI, mais dans ce cas tu obtiendras une disposition de ce type:
A    B
C    D
E    F
G
Administrateur
Bonjour,

si tu utilises une dose de PHP ou autre langage serveur, c'est par contre possible: si N le nombre d'items de menu est pair, tu en envoies N/2 dans la 1ère colonne ou sinon (N impair), N/2.0 + 0.5 (le 2.0 est important Smiley rolleyes )