Discussion :

[Anduriel]

Salut,

Je souhaite faire plusieurs lignes de div, avec deux divs par ligne.

Code :

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

1
2
<div style="float:left">Div 1 ligne 1</div>
<div style="float:right">Div 2 ligne 1</div>

Maintenant, je souhaite refaire une ligne, alors si je fais:

Code :

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

1
2
3
4
5
<div style="float:left">Div 1 ligne 1</div>
<div style="float:right">Div 2 ligne 1</div>
<br />
<div style="float:left">Div 1 ligne 2</div>
<div style="float:right">Div 2 ligne 2</div>

Ca fonctionne. Le problème maintenant c'est le <br />. Quand je le mets mes deux lignes sont "décollées" (normal). Mais moi je ne le souhaite pas.
Donc le problème, c'est si je l'enlève, mes deux divs de la seconde colonne se disposent au niveau du second div de la première ligne (et non au niveau du premier div).

Vous comprenez?
Comment régler ça sans <br />?
Merci

[fallais]

J'ai testé ton code et les deux lignes de deux sont bien collées

[Anduriel]

Je t'ai donné un code que j'ai fait de tête en pensant qu'il se rapprochait du mien mais en fait c'est pas ça...
Et celui que j'ai donné fonctionne

Merci

[fallais]

J'aime bien les moderateurs ! La plupart du temps ils postent et trouvent eux meme la solution

[Anduriel]

En fait je vais reposer une question qui concerne la même chose et que je n'arrive pas à régler

Je voudrai, dans un div, mettre un autre div toujours "collé" à droite en haut, et que le texte se positionne tout seul tout autour. J'utilise les float lleft et right mais mon div se trouve toujours en dessous du texte.
Voila le code (mon premier div est dans un autre div):

Code :

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

1
2
3
4
5
6
7
8
9
<div style="float:left;width:644px">
   <div>
      Text
   </div>
   <div class="menutop" style="float:right;">
      <div class="title">Dernières news</div>
      Texte
   </div>
</div>

[Candygirl]

Euh je ne suis pas sûre d'avoir compris tout à fait ce que tu souhaites. Est-ce que cela correspondrait à ça:

Code :

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

1
2
3
4
5
6
7
8
9
<div style="float:left;width:644px">
   <div class="menutop" style="float:right;">
      <div class="title">Dernières news</div>
      Texte
   </div>
   <p>
      Text
  </p>
</div>

Le conteneur en float:right doit être placé avant le texte dans le code html.

[Anduriel]

Merci c'est bien ça !