28220 sujets

CSS et mise en forme, CSS3

salut à tous

c'est mon premier message ici. je galère depuis de le debut de la soirée pour aligner 3 blocs en bas de leur bloc père. malgrè une attentive lecture du forum et des articles du site je n'y arrive pas ...

voila mon code


<div style="clear:both;width:550px;">
		<div style="float:left; margin: 0px 5px 0px 0px;width:90px;"><img src="{PHOTO_PATH}{IMAGE}"></div>
		<div style="float:left; margin: 0px 5px;width:330px;vertical-aling:text-bottom;">
			Marque : <b>{MARQUE}</b><br>
			Description : {DESCRIPTION}<br>
			Réference : {REFERENCE}<br><br>
		</div>
		<div style="float:right; margin: 0px;width:110px;text-align:center;">
			<b>{POINTS} points</b><br>
			<br>
			<a href="javascript:AddBasket({ID_PRODUIT})"><img src="{IMAGE_DOMAIN}butadd.gif" onmouseover="this.src='{IMAGE_DOMAIN}butadd_hi.gif'"  onmouseout="this.src='{IMAGE_DOMAIN}butadd.gif'" border="0"></a>
		</div>
	</div>


j'ai bien lu que le vertical-align ne fonctionne pas bien mais je ne vois pas comment faire. Dans mon premier bloc j'ai une image de 90x90 et je voudrais que les autres blocs soient aligner en bas de celui ci ...

merci d'avance