Comment modifier la taille d'un lien sur une image en html/css ?

Fermé
theo - 8 mai 2015 à 19:49
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 9 mai 2015 à 15:47
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 !

A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 9/05/2015 à 15:48
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.
0