Balise a et vertical align

hello

J'ai trouve ce tuto tres bien fait pour aligner a la vertical les éléments mais voila, pas moyen d'aligner une ou plusieurs lignes avec la balise a en vertical !

voici ou est ma page pour le moment :
http://paginascreacion.net/origin3/index.php/activities/advocacy

la premiere box est faite avec 2 div, puis le contenu a l'interieur, et les autres sont faites avec une seule div, un span et le contenu mais dans tous les cas, pas moyen de centrer en hauteur !

si qq'un a une idée la dessus ca me rendrait un enorme service !!!!

:)

Tu as lu ce tutoriel?

oui bien sur, c'est justement pour ca que je poste ici

pas moyen de le mettre en oeuvre d'une maniere ou d'une autre ... alors j'ai du faire faire une erreur qq part, mais je ne truve pas ou :$

Sinon avec le bloc de 100px de haut en display:table, et le DIV dedans en display:table-cell, ça marche pas mal pour centrer verticalement le texte. Compatible IE8+.

Sans rentrer dans une solution un peu acrobatique que j'avais pu tester, pour IE7, voir les commentaires de ce tuto (en gros il faut ajouter un élément fantôme span centré pour centrer l'élément adjacent via vertical-align).
http://css-tricks.com/centering-in-the-unknown/

Attention le flaot:left force le passage du display à block, le display:inline-block
déclaré dans la même règle n'est donc pas appliqué.
Modifié par Hermann (16 Jul 2012 - 00:31)

ok merci pour les tuyaux je vais tester ca cet apres midi !

fab.