Comment modifier la taille d'un lien sur une image en html/css ?
theo
-
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'aimerais mettre un lien sur une image, et une description à côté de l'image.
J'ai utilisé le code :
<a href=" http://www.google.fr" target="_blank"><img class="image" src="image.jpg" border=0 width=15 height=30 alt="image"></a>
Mon code css de l'image est :
.image {
margin-left: 600px;
width: 30%;
height: 200px;
display: block;
}
Le lien marche, mais il prend toute la ligne (un rectangle virtuel de la hauteur de l'image). Je n'ai pas réussi à lui imposer de marge...
Vous avez une idée pour régler ça ?
Merci beaucoup !
j'aimerais mettre un lien sur une image, et une description à côté de l'image.
J'ai utilisé le code :
<a href=" http://www.google.fr" target="_blank"><img class="image" src="image.jpg" border=0 width=15 height=30 alt="image"></a>
Mon code css de l'image est :
.image {
margin-left: 600px;
width: 30%;
height: 200px;
display: block;
}
Le lien marche, mais il prend toute la ligne (un rectangle virtuel de la hauteur de l'image). Je n'ai pas réussi à lui imposer de marge...
Vous avez une idée pour régler ça ?
Merci beaucoup !
1 réponse
-
Bonjour
c'est parce que tu as mis display block
de plus l'attribut border en html est obsolète fait le plutot en css
pour faire ce que tu veux je ferais plutot
<div class="textecote"><p>texte a coté de limage</p></div> <div class="imgright"><a href="http://www.google.fr" target="_blank"><img src="image.jpg" alt="image"></a>
.imgright{ width:15px; height:30px; } .imgright a img { border:0; width:100%; } .textecote { width:600px; float:left; } .textecote p { text-align:right; padding-right:10px; }
voila
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
