Alignement vertical dans un div

Alignement vertical dans un div - HTML/CSS - Programmation

Marsh Posté le 11-05-2004 à 21:27:35    

Salut,
Je suis en train de reprendre entierement un site contruit avec des tas de tableaux tres souvent imbriques plusieurs fois.
J'ai reussi a m'en sortir qu'avec des div mais il reste un probleme pour lequel je n'ai toujours pas trouve de solution : comment aligner verticalement un texte ou une image dans un div ?
l'equivalent de : <td valign="center">texte</td>
Merci d'avance
Julien

Reply

Marsh Posté le 11-05-2004 à 21:27:35   

Reply

Marsh Posté le 11-05-2004 à 21:35:49    

sypro a écrit :

Salut,
Je suis en train de reprendre entierement un site contruit avec des tas de tableaux tres souvent imbriques plusieurs fois.
J'ai reussi a m'en sortir qu'avec des div mais il reste un probleme pour lequel je n'ai toujours pas trouve de solution : comment aligner verticalement un texte ou une image dans un div ?
l'equivalent de : <td valign="center">texte</td>
Merci d'avance
Julien


 
il me semble que c style="vertical-align:middle;"


Message édité par alien_nan le 11-05-2004 à 21:37:14
Reply

Marsh Posté le 11-05-2004 à 21:45:26    

Malheureusement ca ne marche pas ! J'avais deja essaye ;-) !
<div style="vertical-align:middle;width:400px;height:200px;background-color:yellow;">TEXTE PAS ALIGNE VERTICALEMENT</div>
J'ai trouve une solution mais elle impose de connaitre la taille (w/h) du contenu et je ne la connais pas !
J'attends avec impatience vos reponses !

Reply

Marsh Posté le 11-05-2004 à 22:36:48    

c'est bien : VERTICAL-ALIGN: MIDDLE
bien cela ne suffit pas de dire de se position enmillieu de ligne, encore faut il lui donner une hauteur de ligne...et oui, méssieurs....
c'est LINE-HEIGHT: __ px; qu'il faut surtout préciser avec vertical align....


---------------
"Nous sommes tous dans le caniveau, mais certains d'entre nous regardent les étoiles" Oscar Wild
Reply

Marsh Posté le 11-05-2004 à 23:06:10    

Et pour centrer un  div dans un autre div ?
La propriete line-height ne le permet plus !
Comment proceder si c'est possible bien entendu !
Merci ;-)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed