Poser une question

Re: vertical align d'une image

Salut,

Tu ne peux pas aligner un élément, tu peux seulement aligner les élments que contient un « block ». Une image n'est pas un « bloc » comme l'es un DIV, un P ou un TD.

L'attribut « align » (l'élément <img> n'a pas d'attribut « valign »!) permet d'indiquer comment les élément réagiront autour de l'image.

« align=left » alignera donc l'image ou plutôt disposera le texte à droite de l'image. Si c'est bottom, l'image sera aligné non pas en bat du bloc (td ou p) mais seuleemnt de la ligne. Même chose pour « middle » etc.

Pour aligner une image en bas d'un block. Utilise l'alignement du Block !

Par exemple pour une cellule de tableau :

<!-- HTML 4.0 -->
<table width="100%" height="100%" border="1">
<tr>
<td valign="bottom"><img src="http://www.bas-saint-laurent.org/Extra/cie/2/img/l_sign_kam.gif"; >
</td></tr></table>

<!-- Ou XHTML et CSS (inline) -->
<table width="100%" height="100%" border="1">
<tr>
<td style="vertical-align:bottom"><img src="http://www.bas-saint-laurent.org/Extra/cie/2/img/l_sign_kam.gif"; >
</td></tr></table>

<!-- Ou encore XHTML et CSS (inline) mais avec la propriété « background »
<table width="100%" height="100%" border="1">
<tr>
<td style="background-image : url(http://www.bas-saint-laurent.org/Extra/cie/2/img/l_sign_kam.gif);background-position : bottom right;background-repeat : no-repeat;">
 
</td>
</tr>
</table>

Ciao
Oznog

Réponses

Aucune réponse à ce message...