DominoArea.org [Archive]

Bonjour à tous

J'essaye de faire un petit code en Html qui me permettent d'aligner un nombre aléatoire de div.

en gros je souhaiterai généré 2,3,4 ou 5 Div sur une même ligne et que cette ligne soit centrée sous une div générale

exemple : si j'ai 5 div

-------------------------------------- DIV GENERAL----------------------------
-------DIV 1 ----------- DIV 2 ----------Div 3 -------- DIV 4 --------DIV 5

exemple : si j'ai 2 div
-------------------------------------- DIV GENERAL----------------------------
--------------------------- DIV 1--------------- -------- DIV 2


avez vous une idée de comment je pourrais procéder ?

Merci de votre aide[/code]

salut

en css regarde le "float" des test div1234

http://fr.selfhtml.org/navigation/css.htm

Salut,

Utilise plutôt la balise <span> plutôt que des div. pour avoir tout sur une même ligne.

Le problème d'une inline c'est qu'il ne permet pas de définir la largeur (width). Et sans définir la largeur je ne vois pas trop comment répartir les cellules de la deuxième ligne...

Si tu peux connaitre le nombre de tes divs, il te "suffirait" de calculer le ratio à appliquer... 3 cellules > 33 % / 5 cellules > 20 % etc..

Je te joins un exemple pour 5 cellules. La donnée à adapter c'est le 20% dans la classe "cellule". Si les div sont générées à la volée tu peux aussi l'ajouter dans chaque balise <div> de tes cellules.


Sinon perso, je ne vois pas trop comment faire en CSS... Si tu ne peux pas connaitre le nombre de cellules, tu peux partir sur un <TABLE> qui lui répartira automatique les <TD>

Il faudrait que tu encadres tes div dans un div de mise en page de type:
[div style="display:inline"]
[div 1] [div2] [div n]
[/div]

Merci pour vos réponses. je vais tester tout cela pour voir le meilleur rendu et la solution la plus viable.
entre temps j'était parti sur la solution de Grey Goda..ou je gère ma feuille se style en fonction du nombre de div a générer (100/ div)