[RESOLU] Aligner texte + image

1 Jun 2006 à 10:57

Bonjour,
J'ai fait une recherhce sur le forum mais je n'ai pas trouvé (peut-être due à une mauvaise utilisation de mots clef...)
Je voudrais aligner verticalement du texte et une image dans un div.
Je sais qu'il faut utiliser LINE HEIGHT pour le texte mais des que j'ajoute une peite icone, bref, une image, dans le div, ça me met tout en haut du div...

Quequ'un aurait la réponse à mon problème?

Merci d'avance
+++
Romain

RESOLU: J'ai opté pour un PADDING-TOP
Modifié par demonofparadise (01 Jun 2006 - 13:38)

Hermann

1 Jun 2006 à 13:26

Bonjour,
Oui en effet c'est le piège inattendu: il faut savoir que le line-height pour le centrage verticale n'a aucune effet sur les élément en-ligne remplacés (img, input, button, textarea...) donc la solution est de placer ton image et ton texte dans un div centré verticalement par marge négative comme ceci:


div {
    position:absolute; 
    top:50%; 
    margin-top: la moitié de la hauteur de ton div en valeur négative
}

Modifié par Hermann (01 Jun 2006 - 13:28)

demonofparadise

1 Jun 2006 à 13:37

Salut!
Ta technique a buggé chez moi mais je ne sais pas comment, j'ai repensé au padding-top donc le problème est maintenant réglé ^^

CSS et mise en forme, CSS3

[RESOLU] Aligner texte + image