[Resolu] Image réactive + texte pour un lien

Bonjour à tous !

Voilà j'ai un lien sous forme d'image réactive et j'aimerai ajouter un texte (lui aussi réactif) aligné en bas de l'image. J'ai intégré les 2 (image + texte) dans un même lien. Je pensais qu'en mettant "vertical-align:bottom" ce serait bon... mais c'est pas ça !

mon code CSS :

a.image1 { /* définition de la classe "image" de la balise <a> */
    margin-left:15px;
    margin-top:25px;
    float:right;
    display: block; /* la balise a doit être en bloc */
    width: 200px; /* largeur de l'image réactive */
    height: 267px; /* hauteur de l'image réactive */
    background-image: url(anniv2.jpg); /* source de l'image de départ */
    background-repeat: no-repeat;
    text-align:right;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    color:#990000;
}
	 
a.image1:hover { /* définition de la classe "image" de la balise <a> au survol */
    background-image: url(anniv.jpg); /* source de l'image d'arrivée */
    color:#FF6600;
} 

Modifié par Mucsy (06 Feb 2006 - 09:14)

Salut,
tu peux remplacer le height par du padding-top

Bonne continuation