28220 sujets

CSS et mise en forme, CSS3

Salut à tous ,

j'ai un soucis d'alignement de texte au niveau de la balise H2 ... je voudrais aligner le titre en bas de la cellule .. mais je n'y arrive pas et j'ai tout essayé ...

je joins une capture d'ecran du soucis et le code approprié


http://chrixwebsite.free.fr/images/err_h2.jpg


div#contenu h2{
vertical-align:text-bottom;
padding-left: 50px ;
height: 47px;
width: 60%;
font-size: 1.4em ;
color:#333333;
margin: auto;
background: url('images/chrono_icon.jpg') no-repeat left bottom;
border: 1px solid #ff9a00 ;
line-height: 25px ;
}


merci d'avance !!! Smiley sweatdrop
Modifié par cyberchrix (17 Aug 2005 - 11:20)
Administrateur
Hello,

Il y'a plusieurs choses :
- tout d'abord tu parles de "cellule" alors qu'il n'y en a pas apparemment
- tu utilises une propriété vertical-align qui - justement - n'agit que sur les éléments de type "cellule" (ou pour d'autres cas qui ne nous intéressent pas ici)
- Dans ton cas, ton bloc titre (h2) a une hauteur de 47px et son texte contenu a une hauteur de ligne de 25px.
C'est sur ces valeurs qu'il faut agir pour le centrer verticalement.

Bonne chance Smiley smile
Escuse moi pour le mauvaise emploi des termes mais je ne suis que débutant en css ...

en tout cas je te remercie de m'orienter vers ce lien ... Smiley cligne