28173 sujets

CSS et mise en forme, CSS3

[ resolu ] Aligner verticalement un texte

Bonjour,

Je voudrais aligner un texte verticalement par rapport à 2 images cote à cote (meme tailles). J'ai créé ceci :
<div class="stats"><img src="/images/01.png" alt="" /><img src="/images/02.png" alt="" /><span>texte texte texte...</span></div>

le style :
.stats { width: 95%; text-align: left; margin-left: 10px; padding-bottom: 5px; margin-top: 0; width: 95%; }
.stats img { margin-right: 10px; margin-bottom: 10px; }
.stats span { text-align: left; margin-bottom: 25px; /*padding-bottom: 25px;*/ }


la propriété CSS qui ne fonctionne qu'avec IE et N ne fonctionne d'ailleurs pas ici...

j'ai essayé de faire une liste unordered, mais le resultat est identique, le texte est au bas, au niveau de l'image, pas au milieu d'icelle.

Any idea ? Merci
Modifié par DudePHP (30 Mar 2007 - 17:54)
Bonjour,

Tu as essayé avec vertical-align: middle;
<div ><img style="vertical-align: middle;"src="image.png" alt="" /><span>texte texte texte...</span></div>
ghost a écrit :
Tu as essayé avec vertical-align: middle;

slt, merci pour la reponse.
oui, j'ai essayé (c'est la propriété qui est acceptée par IE et N mais pas par Firefox / Mozilla / Opera, de mémoire...)
et qd j'ai tenté, ça ne s'alignait de ttes façons pas Smiley lol
Salut

Autant pour moi, 2 images

<body>
<div"><img style="vertical-align: middle;" src="imag1.jpg"><img style="vertical-align: middle;" src="imag2.jpg" alt="" /><span>texte texte texte...</span></div>
	
</body>
</html>


testé ie7, 6, ff et opera
l'image est deja bien positionnée, mais pas le texte Smiley smile
c'est *lui* que je veux mettre en face de l'image, à droite, et au milieu
là, avec ta solution, c'est pareil chez moi, ça change rien Smiley decu
merci pour l'aide
DudePHP a écrit :
l'image est deja bien positionnée, mais pas le texte Smiley smile

Un petit vertical-align sur le span qui englobe le texte, alors ?
j'ai créé un style :
.imgTextStats { margin-right: 10px; vertical-align: middle; }
je l'applique tant aux images qu'au span == c'est ok
reste à la passer au validateur CSS, on verra bien Smiley lol

merci pour l'aide
DudePHP a écrit :
reste à la passer au validateur CSS, on verra bien Smiley lol

La syntaxe me semble correcte. Pas de souci de ce côté là, à priori.
Sujet clos
Aller à