Discussion :

[YannCo]

Salut,

Faire ça me paraissait simple mais .... ça ne marche pas.

J'ai un div d'une dimension fixe qui contient une image dont la hauteur peut varier, le même div est dupliqué à coté avec une autre image.

En bas, sous l'image, je souhaite mettre le titre de l'image, mais je voudrais que le titre soit toujours le plus en bas possible.

Je ne sais pas si c'est très clair ....

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
 
<div style="
float:left;
width:224px;
height:200px;
border:1px solid #CACACA; 
background:#CCC;
padding:6px; 
margin:4px;
text-align:center;">
<img src="image'" />
 
<div style="??????">
Titre
</div>
 
</div>

Je souhaite que mon div style="???" soit tout en bas quelqu'un a une idée ?

[Macmillenium]

Bonjour,

Essaye ceci :

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<div style="float:left; width:224px; height:200px; border:1px solid #CACACA; background:#CCC; padding:6px 6px 30px; margin:4px; text-align:center;
position:relative;">
<img src="image" alt="" />
 
<div style="height:30px; width:100%; position:absolute; bottom:0;">
Titre
</div>
 
</div>

padding-bottom = hauteur du bloc qui contient le titre

[k1rby]

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
<div style="
float:left;
width:224px;
height:200px;
border:1px solid #CACACA; 
background:#CCC;
padding:6px; 
margin:4px;
text-align:center;">
<img src="image'" />
 
<div style="margin-bottom:0px;">
Titre
</div>
 
</div>