Css a:hover pou image
Résolu
A.Souali
Messages postés
31
Statut
Membre
-
A.Souali Messages postés 31 Statut Membre -
A.Souali Messages postés 31 Statut Membre -
Bonjour,
j'ai mis a une image le style : border-width: 4px;
et je veux quand je mets le curseur le border soit 0px
commentcamarche :)
j'ai mis a une image le style : border-width: 4px;
et je veux quand je mets le curseur le border soit 0px
commentcamarche :)
6 réponses
-
border: none; supprime la bordure.
Peux tu mettre ici le code précis que tu utilises ?
"?? j'attends encore"
Au passage, un peu de patience n'a jamais tué personne. -
Autrement dit, tu as une image à laquelle tu met une bordure de 4px et tu veux que quand l'image soit survolé qu'elle n'ai plus bordure.
Supposons:<img src="image.jpg" alt="" id="image" />
En CSS:img#image{border: 4px solid #000;} img#image:hover{border: none;}
Dans ce cas précis je n'ai pas de lien dessus mais on peux faire la même chose avec un lien:<a href="page.html"><img src="image.jpg" alt="" id="image" /></a>
CSS:a img#image{border: 4px solid #000;} a img#image:hover{border: none;}
J'espère que t'aidera. -
ca marche mais
la bordure a la couleur FFFFFF et quand je mets le curseur sa change a 000
je veux par exemple la couleur FFFF66 et quand je mets le curseur la bordure se masque :)
merci -
css
.banner {
a img#image{border: 4px solid #ffff00;}
a img#image:hover{border: none;}
margin-left:50px;
}
le html
<a href="https://www.domain.com/">
<img alt="description" src="images/banner.gif" width="468" height="60" class="banner" style="float: left" /></a> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Change:
.banner { a img#image{border: 4px solid #ffff00;} a img#image:hover{border: none;} margin-left:50px; }
En:a img.banner{border: 4px solid #ffff00;margin-left:50px;} a img.banner:hover{border: none;}
Va falloir revoir les bases du CSS.
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3 -
