Discussion :

[sperron]

Bonjour,

J'essais de placer 3 images sur une même ligne; les 3 images ont la même largeur et hauteur.

Je voudrais que la première image soit toujours en bas à gauche, la 2ième toujours en bas au centre et la 3ième en bas à droite le tout est un ID Footer.

Les "Div" passe des ligne donc je me retrouve avec des images en escalier.

Je crois qu'il faut utiliser les % mais comment les positionner dynamiquement comme je le désire ?

Merci !

[franculo_caoulene]

Salut,

C'est une commande que tu passes? Qu'as-tu déjà fait? Qu'est-ce qui ne va pas? Où as-tu cherché une solution?

[sperron]

Voici mon code "expérimental" à maintes fois modifiés mais toujours pas sur la bonne ligne

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
.gauche {
	position:absolute;
	bottom:0px;
	width:204px;
	height:34px;
	z-index:3;
	left: 0px;
	margin-left: 10px;
	padding-bottom:0px;
	}
 
.centre {
	bottom:0px;
	width:204px;
	height:34px;
	z-index:4;
	padding-bottom:0px;
	}
 
.droite{
	position:absolute;
	bottom:0px;
	right:180px;
	width:125px;
	height:34px;
	z-index:5;
	padding-bottom:0px;
	float: right;
	}

[Bisûnûrs]

Essaie simplement comme ça :

Code html :

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

1
2
3
<div id="footer">
   <img src=".." id="foot-gauche" /><img src=".." id="foot-droite" /><img src=".." id="foot-centre" />
</div>

Code :

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

1
2
3
4
5
6
7
8
9
#footer{
   text-align:center;
}
#foot-gauche{
   float:left;
}
#foot-droite{
   float:right;
}

[sperron]

[QUOTE=Bisûnûrs;2698920]Essaie simplement comme ça :

Code html :

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

1
2
3
<div id="footer">
   <img src=".." id="foot-gauche" /><img src=".." id="foot-droite" /><img src=".." id="foot-centre" />
</div>

J'ai essayé ce code mais l'image de droite demeure en-dessous (mais à droite) des 2 autres images. (C'est moins pire qu'auparavant mais encore adéquat)

De plus chaque image constitu un lien vers un autre site, ça ne devrait changer quelque chose mais il y a un petit que je n'arrive pas déceler.

Merci

[franculo_caoulene]

Sans voir le résultat ou le code utile c'est difficile pour nous de savoir ce qui ne va pas. Les marges sont-elles comprises dans ton calcul de mise en page?
http://www.developpez.net/forums/sho...d.php?t=445032