Css a:hover pou image
Résolu/Fermé
A.Souali
Messages postés
24
Date d'inscription
lundi 1 février 2010
Statut
Membre
Dernière intervention
26 février 2011
-
1 févr. 2010 à 12:16
A.Souali Messages postés 24 Date d'inscription lundi 1 février 2010 Statut Membre Dernière intervention 26 février 2011 - 2 févr. 2010 à 17:57
A.Souali Messages postés 24 Date d'inscription lundi 1 février 2010 Statut Membre Dernière intervention 26 février 2011 - 2 févr. 2010 à 17:57
A voir également:
- Css a:hover pou image
- Enlever couleur lien css ✓ - Forum CSS
- Mettre une image à gauche css ✓ - Forum CSS
- Css retour à la ligne ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Déplacer une image css - Forum CSS
6 réponses
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
1 févr. 2010 à 21:07
1 févr. 2010 à 21:07
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.
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
1 févr. 2010 à 12:46
1 févr. 2010 à 12:46
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.
A.Souali
Messages postés
24
Date d'inscription
lundi 1 février 2010
Statut
Membre
Dernière intervention
26 février 2011
1
1 févr. 2010 à 13:19
1 févr. 2010 à 13:19
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
A.Souali
Messages postés
24
Date d'inscription
lundi 1 février 2010
Statut
Membre
Dernière intervention
26 février 2011
1
2 févr. 2010 à 11:56
2 févr. 2010 à 11:56
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
2 févr. 2010 à 12:48
2 févr. 2010 à 12:48
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
A.Souali
Messages postés
24
Date d'inscription
lundi 1 février 2010
Statut
Membre
Dernière intervention
26 février 2011
1
2 févr. 2010 à 17:57
2 févr. 2010 à 17:57
ca marche, merci
