Menu avec survol image - css

Question

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

Haméwitapa · Answer

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: 

#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); 
}

peregrina · Answer

merci... ça marche.. suis contenten

Menu avec survol image - css

2 réponses

Discussions similaires

Newsletters