placer 2 DIV l'un à côté de l'autre

Version imprimable

14/03/2005, 21h41
Ekimasu

placer 2 DIV l'un à côté de l'autre
Bonjour,

je voudrais placer 2 cadres DIV l'un à côté de l'autre.
Quand je fais le code ci-dessous :
Code:

1 2 3 <div id="d1" ><img src="1.gif" id="i1"></div> <div id="d2"><img src="2.gif" id="i2"></div>
Les divs sont l'un en dessous de l'autre. pourquoi ?
comment faire pour les coller ?

Bonjour.

Code:

1
2
<div id="d1" style="display:inline;"><img src="1.gif" id="i1"></div>
<div id="d2" style="display:inline;"><img src="2.gif"  id="i2"></div>

14/03/2005, 23h55
Olivier_

Je serais plus partisan de l'utilisation des float sur les <div> pour permettre une manipulation plus facile des <div>, taille par exemple.

Donc, les 2 divs en float: left; avec un élément de type block en dessous avec la propriété clear: both; pour remettre les choses en place dans le flux.
15/03/2005, 09h38
Invité

Surtout que les DIV sont à la base des éléments de type bloc. Les utiliser en inline ne présente pas grand interet, surtout qu'ils risquent de ne pas être dimensionnable correctement.
L'équivalent du DIV en inline s'appelle SPAN ;)
15/03/2005, 10h29
Johnbob

Citation:

Envoyé par St0uK

Les utiliser en inline ne présente pas grand interet, surtout qu'ils risquent de ne pas être dimensionnable correctement.

En effet. Rappelons aussi qu'un positionnement en float implique implicitement un positionnement inline.
15/03/2005, 11h12
Olivier_

Citation:

Envoyé par Gaara

En effet. Rappelons aussi qu'un positionnement en float implique implicitement un positionnement inline.

Uhh ?? :?
Pas compris ce que tu voulais dire.

Float n'implique pas un positionement inline.
15/03/2005, 11h17
Johnbob

Je voulais dire que "float" équivaut à "inline" + indication de positionnement droite ou gauche. Peut-être que je m'exprime mal :? désolé.
15/03/2005, 11h18
Invité

Citation:

Envoyé par Olivier_

Uhh ?? :?
Pas compris ce que tu voulais dire.

Float n'implique pas un positionement inline.

Si, float implique un positionnement inline, mais un comportement bloc (en gros ...)
Ton bloc sera donc dimensionnable comme tout élément de type bloc, et se comportera pourtant dans la page comme un élément inline (il "coulera" dans la page).

Au passage, lorsque l'on défini un élément avec la propriété float, il est inutile de spécifier display:block : c'est induit :)