28173 sujets

CSS et mise en forme, CSS3

Bonjour,

voilà j'ai un div conteneur, et je voudrais que mon image soit toujours en bas de ce div et qu'en plus ce div ne change pas de dimensions.


.divConteneur {height: 50px;}
.image {	
                position:relative;
		text-align: right;
		width:115px;
		padding-left:30px;
		vertical-align:baseline;
}

<div class ='divConteneur'>
<SPAN class='image'><img scr="imag.jpg" /></span>
</div>


Merci de m'aider ... Smiley rolleyes
Quelque chose comme ça?

.divConteneur {position:relative; width:115px; height:100px;}
.divConteneur img {position:absolute; bottom:0;}

Ton span semble par ailleurs inutile.
Super merci, mais hélas non...mon div conteneur est en float left car il est déjà dans un div qui contient une image à gauche déjà en float left.... Smiley rolleyes
Je ne suis pas sûr d'avoir bien compris ta dernière intervention… mais je ne vois pas le problème à priori à ce que ce conteneur soit flottant?
on peut mettre float : left et position :relative ?

en fait j'ai un div avec dedans une jaquette à gauche et à droite un div contenant le titre le nom de l'auteur et une image.
et donc ce div à droite (qui est un float à gauche de l'image donc) comme le titre peut tenir sur une ou deux ligne il décale mon image que je voudrais aligner à l'image de gauche (je ne sais pas si je suis très clair).
donc :


.contenuPrixTitreGrandeJacquette {
		float:left;
		width:60px;
		height:85px;
		padding:0px 0px 0px 2px;
		margin: 0px;
}

.btnAjouter{
		float : 					left;
		margin-top:				-3px;
		text-align:          right;
		width:					105px;
		padding-left:	      0px;

}


voila pourquoi mon image est dans un div... Smiley biggrin
Yes, ça a marché, j'ai recréé un bloc div avec mon image et mon texte et ça s'aligne parfaitement au bas !

oups ! zut ! ça marche pas avec IE !! grrrr
Modifié par maysa (07 Dec 2007 - 14:15)