28172 sujets

CSS et mise en forme, CSS3

Imbriquer des divs en ligne ou en colonne

Bonjour,

Après pas mal de recherche et de tests, je ne trouve pas de solution...

Je souhaite mettre dans un div, une succession de div en ligne ou en colonne.

En fait je souhaiterais avoir deux classes css (ContainerVertical et ContainerHorizontal) :

- ContainerVertical permettrait de mettre dans un div d'autre div qui se placeraient les uns en dessous des autres

- ContainerHorizontal permettrait de mettre dans un div d'autre div qui se placeraient les uns à côté des autres

On pourrait l'utiliser avec ce code html par exemple :


<div class="ContainerVertical">
	<div class="Box1" id="Item1">Item #1</div>
	<div class="Box1" id="Item2" >Item #2</div>
	<div class="Box1" id="Item3">Item #3</div>
	<div class="Box1" id="Item4">Item #4</div>
</div>

<div class="ContainerHorizontal">
	<div class="Box2" id="Item3">Item #3</div>
	<div class="Box2" id="Item4" >Item #4</div>
	<div class="Box2" id="Item5">Item #5</div>
	<div class="Box2" id="Item6">Item #6</div>
</div>


Et le but serait de pouvoir imbriquer tout ça par exemple :


<divclass="ContainerVertical">

<div class="ContainerVertical">
	<div class="Box1" id="Item1">Item #1</div>
	<div class="Box1" id="Item2" >Item #2</div>
	<div class="Box1" id="Item3">Item #3</div>
	<div class="Box1" id="Item4">Item #4</div>
</div>

<div class="ContainerHorizontal">
	<div class="Box2" id="Item3">Item #3</div>
	<div class="Box2" id="Item4" >Item #4</div>
	<div class="Box2" id="Item5">Item #5</div>
	<div class="Box2" id="Item6">Item #6</div>
</div>

</div> 

etc...


Merci.
Modifié par silver (05 Nov 2008 - 18:09)
Hello silver et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait donc courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile
Bon c'est surement naze comme question, je m'en excuse auparavant, mais... comment s'identifier ? pour que je puisse editer le message ? Je ne trouve pas, c'est fou... j'ai l'impression d'avoir 14 ans.. Smiley fache
Visiblement tu as trouvé tout seul. Smiley langue

On peut se connecter soit sur la page d'accueil du forum, soit quand l'action que l'on désire effectuer nécessite d'être authentifié (poster un message, envoyer un MP, etc...)
Sujet clos
Aller à