Images dans div, disposition

**Deallyra** · 22/05/2007, 10h59

Bonjour,

Voilà, j'ai trois images et je veux les placer de cette façon.

mais... je n'y arrive pas.

j'ai pensé à ça

Code :

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

1
2
3
4
5
6
7
8
 
				<div>
					<img src = "Image/image1.gif" />
				</div>
				<div float = "left">
					<img src = "Image/image2.gif" />
					<img src = "Image/image3.gif" />
				</div>

mais ça ne marche pas. Je me retouve avec deux blocs, image 1 pui en dessous, image2 et 3

Il est sûr que c'est quelque chose de simple... mais soit ça l'est trop pour que je le vois (ça m'étonnerait vu mon niveau) soit c'est simple... mais pas pour moi.

**E.Bzz** · 22/05/2007, 11h53

Bonjour,

Code :

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

1
2
3
4
5
6
7
<div float = "left">
<img src = "Image/image1.gif" />
</div>
<div>
<img src = "Image/image2.gif" />
<img src = "Image/image3.gif" />
</div>

A+

**Deallyra** · 22/05/2007, 12h26

désolé... ça ne marche pas...

**jmulans** · 22/05/2007, 14h45

Code :

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

1
2
3
4
5
6
<div id="jeflotte">
<img src = "img1.JPG" />
</div>
<div>
<img src = "img2.JPG" /><br/>
<img src = "img2.JPG" />

Code :

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

1
2
3
4
 
#jeflotte{
float:left;
}

ça marche chez moi ça

**E.Bzz** · 22/05/2007, 14h48

Envoyé par E.Bzz

Code :

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

1
2
3
4
5
6
7
<div style="float:left;">
<img src = "Image/image1.gif" />
</div>
<div>
<img src = "Image/image2.gif" />
<img src = "Image/image3.gif" />
</div>

Je l'aurais écrit correctement du 1° coup, ça aurait sûrement marché

A+

**Deallyra** · 22/05/2007, 14h49

ça marche sans fermer le DIV???

**jmulans** · 22/05/2007, 14h55

gna gna gna...

**Deallyra** · 22/05/2007, 14h58

Merci à tout deux!
Par contre, j'ai un espace tout moche entre mes images...
Et vu que c'est un logo en couleur...

**jmulans** · 22/05/2007, 14h59

comment ça un espace ?

**E.Bzz** · 22/05/2007, 15h07

Code :

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

1
2
3
4
img {
margin: 0px;
padding: 0px;
}

**Deallyra** · 22/05/2007, 15h27

ca ne marche pas...

**Deallyra** · 22/05/2007, 15h30

Jmulans, j'obtiens quelque chose dans ce genre

**jmulans** · 22/05/2007, 15h34

c'est peut etre a cause du <br/>

**Deallyra** · 22/05/2007, 15h37

sans le < br />, image 2 et image 3 sont côte à côte... non dessus dessous

**jmulans** · 22/05/2007, 15h43

bah je sais pas trop, en principe elles devraient etre collées
t'es sure que y'a pas des blancs dans tes images ?
essaye de mettre un background de couleur pour voir si elles sont bien collées