[Résolu]Attribuer vertical align à <p>

Bonjour !

J'aimerais aligner le texte de mon paragraphe en bas... pour cela je pensais utiliser un

vertical-align: bottom

l'ennui c'est qu'il ne fonctionne que pour les éléments de type in-line et les cellules de table. J'ai donc mis un

 display : table-cell 

mais là encore ça ne marche pas... J'ai essayé plusieurs valeurs de "display" sans aucun résultat... comment faut-il faire ? y a-t-il un autre moyen ?
Modifié par p_tite_jo (04 Jan 2006 - 17:22)

p_tite_jo a écrit :
mais là encore ça ne marche pas...

Peux-tu donner plus de précisions ?
Ça ne marche pas sur IE (c'est normal) ?
Tu as donné une hauteur à l'élément ?
On peut avoir une vue du code ?

Règle13 a écrit :
Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème. La règle est simple : il faut toujours donner un maximum de détails pour être sûr d'avoir une chance que les autres comprennent et aident.

Modifié par Raphael (06 Dec 2005 - 14:38)

'suse-moi, je pensais que c'était une question d' "ordre général" .
voilà un bout de code

p.signature{  border: 1px solid red;
              margin: 0;
              padding-right: 10px;
              padding-top: 0;
              font-size:12px;
              text-align: right;
              width: 95%;
              vertical-align:bottom;
              height: 50px;
              display: ??;
        }

J'espère que ça suffit...

edit: pour être sûre, voilà ma page
Modifié par p_tite_jo (06 Dec 2005 - 14:49)

personne a une idée ?

permettez-moi d'insister car ça fait quelques jours que je cherche (que j'ai posté aussi ) et je n'ai toujours pas trouver la solution..

Il y a méprise sur la propriété vertical-align : elle ne sert pas à positionner le texte par rapport à un conteneur (en l'occurence, ici le <p>) sauf dans une cellule de tableau ; mais bien à positionner des éléments en ligne (display: inline) de hauteur différente les uns par rapport aux autres sur la même ligne.

Ce code par exemple

<img src="gross_imache.jpg" alt="Gross Imache" /> La pelle imache que voilà !

en positionnant vertical-align: middle; sur le texte et l'image, le texte suivant l'image commencera sera verticalament aligné par rapport au milieu de l'image alors que part défaut le bas de l'image est aligné sur la ligne de base du texte.

Voir cet exemple pour illustration : http://www.pmob.co.uk/temp/vertical-align.htm

Bref ça n'est pas ce que tu cherche, et si tu ne trouves pas, c'est probablement parce que ça n'existe pas. Il faut jouer avec les marges intérieures et extérieures (margin & padding).

Quant à la propriété display: table-cell; elle n'est pas supportée par internet explorer.
Modifié par Lanza (09 Dec 2005 - 16:40)

bonjour,
si tu n'as qu'une ligne dans "p.signature", pour repousser le text plus bas, tu peut faire usage d'un line-height plus important(de 20 ou 30px par exemple) , ou un padding-top, ...
Ou bien je n'ai pas saisie ton probleme.
a plus