Caler une image toute en bas d'un div
bakkus
Messages postés
93
Statut
Membre
-
bakkus Messages postés 93 Statut Membre -
bakkus Messages postés 93 Statut Membre -
Bonjour à tous,
je veux caler une image (visage.jpg) toujours en bas de ma page web dans toute les pages où elle est présente.
Le soucis , c'est que , l''image est contenu dans un div qui à son tour est dans un autre div..etc.
Ci dessous, les différents divs dans lesquels se trouve mon image.
<div id="conteneurd">
<div id="conteneure">
<div class="ssmenu">
</div>
<div class="nos_patenaires">
<div class="conteneur_visage">
<div class="visage">
<br/>
<br/>
<p> </p>
<p> </p>
<img height="277" width="154" style="margin-top: 28px;" src="../images/image_page_accueil/visage.jpg"/>
</div>
</div>
</div>
</div>
Le div (<div id="conteneurd">) change de hauteur selon le contenu , par contre mon image ne se cale pas en bas à chaque fois que le contenu de (<div id="conteneurd">) change.
J'aurais aimé savoir comment faire en sorte que à chaque fois mon image soit toute en bas et s'adapte selon la hauteur de (<div id="conteneurd">).
Je vous remercie.
je veux caler une image (visage.jpg) toujours en bas de ma page web dans toute les pages où elle est présente.
Le soucis , c'est que , l''image est contenu dans un div qui à son tour est dans un autre div..etc.
Ci dessous, les différents divs dans lesquels se trouve mon image.
<div id="conteneurd">
<div id="conteneure">
<div class="ssmenu">
</div>
<div class="nos_patenaires">
<div class="conteneur_visage">
<div class="visage">
<br/>
<br/>
<p> </p>
<p> </p>
<img height="277" width="154" style="margin-top: 28px;" src="../images/image_page_accueil/visage.jpg"/>
</div>
</div>
</div>
</div>
Le div (<div id="conteneurd">) change de hauteur selon le contenu , par contre mon image ne se cale pas en bas à chaque fois que le contenu de (<div id="conteneurd">) change.
J'aurais aimé savoir comment faire en sorte que à chaque fois mon image soit toute en bas et s'adapte selon la hauteur de (<div id="conteneurd">).
Je vous remercie.
A voir également:
- Caler une image toute en bas d'un div
- Légender une image - Guide
- Image iso - Guide
- Transformer une image en icone - Guide
- Mettre une image en filigrane sur word - Guide
- Reduire taille image - Guide
2 réponses
bonjour:)
2 solutions :
soit tu met ton div dans un td =>
<td VALIGN="bottom" id="B0" ><div class="bargraphimg" STYLE="height:10px;"></div>10</td>
soit un div dans un div avec quelque chose comme (code non verifié, mais l idee est là ):
#container div{
border: 1px solid gray;
width: 160px;
height: 160px;
float: left;
position: relative;
}
div img {
position: absolute;
top:100%;
}
<div id="container">
<div ><img="monimage.gif">
</div>
</div>
2 solutions :
soit tu met ton div dans un td =>
<td VALIGN="bottom" id="B0" ><div class="bargraphimg" STYLE="height:10px;"></div>10</td>
soit un div dans un div avec quelque chose comme (code non verifié, mais l idee est là ):
#container div{
border: 1px solid gray;
width: 160px;
height: 160px;
float: left;
position: relative;
}
div img {
position: absolute;
top:100%;
}
<div id="container">
<div ><img="monimage.gif">
</div>
</div>
