Menu avec survol image - css
peregrina
Messages postés
27
Statut
Membre
-
peregrina Messages postés 27 Statut Membre -
peregrina Messages postés 27 Statut Membre -
Bonjour,
J'ai fait un menu avec un triangle coloré pour chaque sections, donc 9 triangles différents. J'aimerais maintenant que quand je survole ma section, le triangle en état survole change et par conséquent mettre une 2ème image.
Est-il possible de faire une id et dans mon id je mets a:hover: url (img survol);
Voici le code (que j'ai fait grace à quelqu'un sur le forum hier)
#bouton1 {
background-image: url(../images/1_bouton.png);
a:hover: url(../images/1_boutonsurvol.png);
background-position: left center;
background-repeat: no-repeat;
line-height: 25px;
text-decoration:none;
}
J'ai ajouté a:hover: url(../images/1_boutonsurvol.png);
mais ça ne marche pas.
Merci d'avance et bonne journée
J'ai fait un menu avec un triangle coloré pour chaque sections, donc 9 triangles différents. J'aimerais maintenant que quand je survole ma section, le triangle en état survole change et par conséquent mettre une 2ème image.
Est-il possible de faire une id et dans mon id je mets a:hover: url (img survol);
Voici le code (que j'ai fait grace à quelqu'un sur le forum hier)
#bouton1 {
background-image: url(../images/1_bouton.png);
a:hover: url(../images/1_boutonsurvol.png);
background-position: left center;
background-repeat: no-repeat;
line-height: 25px;
text-decoration:none;
}
J'ai ajouté a:hover: url(../images/1_boutonsurvol.png);
mais ça ne marche pas.
Merci d'avance et bonne journée
A voir également:
- Menu avec survol image - css
- Menu déroulant excel - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Légende image word - Guide
- Canon quick menu - Télécharger - Utilitaires
2 réponses
bonjour,
Pas besoin de créé une autre id.
D'abord, supprime la ligne que tu as ajouté, ensuite il suffit d'ajouter ceci à la suite (je veux dire en dehors des accolades qui existent déjà) ce qui en tout donne ceci:
Pas besoin de créé une autre id.
D'abord, supprime la ligne que tu as ajouté, ensuite il suffit d'ajouter ceci à la suite (je veux dire en dehors des accolades qui existent déjà) ce qui en tout donne ceci:
#bouton1 {
background-image: url(../images/1_bouton.png);
background-position: left center;
background-repeat: no-repeat;
line-height: 25px;
text-decoration:none;
}
#bouton1:hover {
background-image: url(../images/1_boutonsurvol.png);
}
