[résolu]Aligner un texte verticalement

bonsoir,

désolé pour cette question, mais je trouve pas le bon tuto

dans mon pied de page, je souhaite que le texte se centre dans la hauteur de mon design ( enfin design.... hum)

j'ai codé mon css comme ceci

/*pied de page*/
.pied {
clear: both;
height: 30px;
text-align: center;
background-image: url('design/pied.gif');
}

ma page est a cette adresse

d'avance merci pour vos réponses
Modifié par ganou66 (03 Apr 2005 - 00:18)

.pied {
clear: both;
height: 30px;
text-align: center;
text-align: mi-heiht;
background-image: url('design/pied.gif');
font: 11px/30px verdana;
}

J'ai trouvé ça sur http://marcarea.com/tuto/10_astuces_css_height_lineheight.html via http://forum.alsacreations.com/faq/#item3

hum, ta page s'affiche très mal sous FF...

Salut Ganou,

Désolé d'être sec, mais c'est une question très souvent posée donc je te renvoie aux aides classiques :
- La FAQ
- la Recherche (avec "alignement vertical" ou "vertical-align")

Ces deux liens te pistent vers la solution.
Pour info, "vertical-align" n'a pas du tout le but que tu veux lui donner (explications dans les liens)

Bonne soirée / nuit

EDIT : ah ben grillé
Modifié par Raphael (02 Apr 2005 - 22:58)

LittleBlackCat a écrit :

.pied {
clear: both;
height: 30px;
text-align: center;
text-align: mi-heiht;
background-image: url('design/pied.gif');
font: 11px/30px verdana;
}

text-align: mi-heiht; ???
"text-align" est une propriété
"min-height" est aussi une propriété et non une valeur.
Modifié par Raphael (02 Apr 2005 - 23:00)

ah ben j'ai copié / collé bêtement. :-P

anthony > effectivement, si c'est sur plusieurs lignes, ça bug

merci pour les réponses

deux choses:

pour anthony, c'est curieux ce que tu me dis car je travaille sous FF et chez moi ça se passe relativement bien a par l'ouverture des menus de gauche peut être

pour Raphaël: je savais que tu me renverrais sur les tuto, mais comme je l'avais précisé au début de mon post, je n'arrivais pas a trouver le chemin . Par contre le

text_align: min-heiht;

fonctionne

merci a tous

[/edit] erreur de ma part , ça marche effectivement mais ce n'est pas reconnu par le validateur CSS. Raphaël a raison ( pardon maître ) ... Bon je vais continuer de chercher.
Modifié par ganou66 (02 Apr 2005 - 23:12)

j'ai résolu le problème en trichant sur la hauteur du footer et en mettant un <br/> avant le texte

je sais que ce n'est pas la bonne solution mais en attendant de la trouver, je vais faire comme ça

merci a tous pour votre participation

je colle un [résolu] devant mon post meme si ce n'est pa encore le cas
Modifié par ganou66 (03 Apr 2005 - 00:18)

Peut-être ne faudrait-il pas oublier :

vertical-align: text-center;

ou

vertical-align: text-top;

etc ....

Si c'est parmis et si ça ne fait pas doublon, à consulter :
http://www.yoyodesign.org/doc/w3c/css2/about.html

jcm a écrit :
Peut-être ne faudrait-il pas oublier :

vertical-align: text-center;

ou

vertical-align: text-top;

etc ....

Si c'est permis et si ça ne fait pas doublon, à consulter :
http://www.yoyodesign.org/doc/w3c/css2/about.html

Désolé, après vérification, vertical-align: text-center; n'est pas correct ...

jcm a écrit :

Désolé, après vérification, vertical-align: text-center; n'est pas correct ...

Oui, voir les liens que j'ai proposé plus haut.

Ganou,

si tu veux centrer ton texte verticalement dans un div de 30px il faut mettre

.taclasse{
height: 30px;
line-height: 30px;
...}

A+

GuizBizet a écrit :

si tu veux centrer ton texte verticalement dans un div de 30px il faut mettre
...

Oui, voir les liens que j'ai proposé plus haut.

(au fait, le sujet est résolu, hein )

oulaaaaaaa que d'attention a mon egard

merci a tous de vous occuper de mon probleme. Je vais tester les différentes solution car j'ai résolu mon probleme provisoirement et ça ne me plait pas.

Merci encore