Discussion :

[jak0]

Bonjour à tous, et merci de bien vouloir m'aider.
J'ai un tout petit soucis de positionnement de div en CSS, qui pour vous j'en suis sûr sera simple à régler !
J'ai 3 div que je veux mettre sur la même ligne horizontale dans un div parent.
J'ai essayé de faire simplement des "float:left" mais le problème est que l'élément suivant se colle du coup aussi à ce groupe.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="parent">
  <div class="enfant" style="float: left;"></div>
  <div class="enfant" style="float: left;"></div>
  <div class="enfant" style="float: left;"></div>
</div>
<div class="element_suivant"></div>

Me donne un affichage du type :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(XXX)Y

Hors je souhaiterai :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
(XXX)
Y

J'ai essayé des "clear:left" mais je n'y parviens pas.
Merci d'avance de votre aide.

[Marc22]

Bonjour,

le dernier float:left n'est pas nécessaire,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="parent">
  <div class="enfant" style="float: left;">x</div>
  <div class="enfant" style="float: left;">x</div>
  <div class="enfant">x</div>
</div>
<div class="element_suivant">y</div>

[jak0]

C'est parfait ! merci infiniment !
Je pensais bien que la solution était très simple, mais impossible de mettre la main dessus