A:hover ne marche pas avec Cufon

Bonjour
question basique mais je sèche

#ssmenuA ul a:link li{
	color : #000000;
	
}
#ssmenuA ul a:hover li{	
	color : #d81d1d !important;
}

le hover marche pas

or

#ssmenuA ul a:link li{
	color : #000000;
	
}
#ssmenuA ul a:hover li{	
	color : #d81d1d !important;
	background: url(img/bgRoll.jpg);
}

il m'affiche bien le bg url

comment ça se fait ?

merci pour vos pistes
Modifié par yesh3 (21 Apr 2011 - 14:42)

le a ne devrait pas se trouver dans un ul.

la structure serait plutot :

<ul>
    <li>
        <a></a>
    </li>
</ul>

donc ta css serait plutot :

#ssmenuA ul li a:link { 
    color : #000000; 
     
} 
#ssmenuA ul li a:hover {     
    color : #d81d1d !important; 

}

cool ! c'est déja une chose

mais j'utilise aussi cufon, et quand je le désactive, le hover fonctionne

il faudrait que tu nous fournisses le code html généré alors, car si j'ai bien lu, cufon modifie le code et le DOM.

je viens de trouver la solution
sorry

pour ceux que ça intéresse

Cufon.replace('li', { hover: true, hoverables: { li: true } }); 

pas oublier de mettre ça sinon le hover par défaut avec Cufon est inactif
Modifié par yesh3 (21 Apr 2011 - 14:43)

bonne chance pour la suite