Comment modifier la taille d'un lien sur une image en html/css ?
theo
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 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 !
A voir également:
- Comment changer la taille d'une image en html
- Changer dns - Guide
- Comment réduire la taille d'un fichier - Guide
- Reduire taille image - Guide
- Changer clavier qwerty en azerty - Guide
- Editeur html - Télécharger - HTML
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
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.
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.