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]
Un peu de CSS et d'HTML
6 messages
• Page 1 sur 1
Un peu de CSS et d'HTML
par fripouille76 » 21 Déc 2010 à 15:33
- fripouille76
- Maître-posteur
- Message(s) : 430
- Inscrit(e) le : 24 Juil 2006 à 11:19
par Michael DELIQUE » 21 Déc 2010 à 15:56
Cordialement
Michael (SMS-Phobique)
----------------------------
"La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi."
Albert EINSTEIN
Michael (SMS-Phobique)
----------------------------
"La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi."
Albert EINSTEIN
-
Michael DELIQUE - Administrateur
- Message(s) : 12183
- Inscrit(e) le : 16 Déc 2004 à 10:36
- Localisation : Paris/Cergy
pour avoir tout sur une même ligne. par Grey Goda » 21 Déc 2010 à 17:59
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>
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>
-
Grey Goda - Posteur néophyte
- Message(s) : 61
- Inscrit(e) le : 12 Mars 2010 à 11:31
par fripouille76 » 28 Déc 2010 à 11:43
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)
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)
- fripouille76
- Maître-posteur
- Message(s) : 430
- Inscrit(e) le : 24 Juil 2006 à 11:19
6 messages
• Page 1 sur 1