Css a:hover pou image
Résolu
A.Souali
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
A.Souali Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
A.Souali Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
A voir également:
- Css a:hover pou image
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Css download - Télécharger - HTML
- Enlever soulignement lien css ✓ - Forum CSS
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.
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:
En CSS:
Dans ce cas précis je n'ai pas de lien dessus mais on peux faire la même chose avec un lien:
CSS:
J'espère que t'aidera.
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
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>
.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:
En:
Va falloir revoir les bases du CSS.
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
.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
