Titre: Alignement bas titre
Posté par: Balrog le le 27-10-2004 a 18:16:48
Salut,
sur la page de mon site, il y a un titre qui me pose un petit problème d'alignement.
La page:vdn-rando.9online.fr/faucon.html (http://vdn-rando.9online.fr/faucon.html)
J'aimerai que le titre "le faucon pélerin" soit aligné en bas, juste au'dessus de la ligne orange.
l'ensemble du titre est paramétré en CSS dont voici le code:
.centre2 h1{
font-size:16pt;
font-weight:bold;
font-family:times new roman;
font-style:italic;
color:#006600;
text-align:left;
vertical-align:bottom; /*<!-- marche pô :(*/
height:50px;
padding-left:50px;
background-image:url(photos/pelerin.gif);
background-position:left;
background-repeat:no-repeat;
border-bottom:1px solid #CC6600;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:20px;
}
J'ai dejà essayé tous les vertical-align, et autre code css que je connais. Sans succès! il doit bien y avoir un moyen de pousser ce titre vers le bas?
Merci |
Titre: Re:Alignement bas titre
Posté par: bigornot le le 27-10-2004 a 19:25:03
| augmente le margin-top ... |
Titre: Re:Alignement bas titre
Posté par: willy le le 27-10-2004 a 19:36:48
Bonjour,
J'ai peur qu'en augmentant le margin-top l'image ne descende ;D
Pour ne pas décaler l'image et descendre le titre, modifie le padding-top :)
|
Titre: Re:Alignement bas titre
Posté par: Balrog le le 28-10-2004 a 09:56:11
Salut à vous,
Merci de vos réponses.
Le margin -top ne pouvais pas marcher, cela aurait provoqué une descente de l'ensemble du bloc de titre ;).
Par contre le Padding-top est la réponse qu'il me falait, ça marche ;D.
C'est toujours les choses les plus simple que l'on ne trouve pas :P |
Titre: Re:Alignement bas titre
Posté par: SIBELIUS le le 29-10-2004 a 11:45:48
Et pour éviter d'avoir des CSS de 3km de long, je te conseille d'utiliser les notations raccourcies.
Voici le même code en plus court :
Code:
.centre2 h1{
font:16pt bold italic times new roman;
color:#006600;
text-align:left;
vertical-align:bottom;
height:50px;
padding-left:50px;
background:url(photos/pelerin.gif) left no-repeat;
border-bottom:1px solid #CC6600;
margin: 0 0 20px 0;
} |
|
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|