centrer une image dans un <DIV>

Marsh Posté le 30-06-2004 à 10:50:55

Voilà, mon pb est tout bête : j'ai des images de tailles variables (inférieures à 120x120) à centrer horizontalement et verticalement dans un <DIV> de 120x120.

J'arrive à les centrer horizontalement avec l'attribut "TEXT-ALIGN : CENTER ;" mais je ne sais pas comment faire pour les centrer verticalement ("VERTICAL-ALIGN : MIDDLE ;" n'a, semble-t-il aucun effet).

Je vous passe le CSS.

Code :

.POSTS_AVATAR
{
WIDTH : 120px ;
HEIGHT : 120px ;
FONT-SIZE : 10px ;
FONT-FAMILY : TAHOMA, VERDANA, ARIAL, SANS-SERIF, HELVETICA ;
BACKGROUND-COLOR : #FFFFFF ;
TEXT-ALIGN : CENTER ;
VERTICAL-ALIGN : MIDDLE ;
COLOR : #000000;
BORDER : SOLID 0px #000000 ;
PADDING : 0px ;
}

---------------
www.balland.org

Marsh Posté le 30-06-2004 à 10:50:55

Marsh Posté le 30-06-2004 à 11:37:18

ne serait ce pas text_valign : center ?

Marsh Posté le 01-07-2004 à 19:34:18

nan c'est bien

vertical-align: middle;

et essaye de virer ton padding

Marsh Posté le 01-07-2004 à 20:49:10

vertical-align ne s'applique qu'a des cases de tableau et certains autres éléments inline. Je passe donc par un tableau pour aligner une image verticalement [:spamafote]