28219 sujets

CSS et mise en forme, CSS3

Bonjour,
j'aimerais mettre une propriété hover sur un bloc..
mais j’ai l’impression que ce n’est pas possible et que ça fonctionne uniquement
sur les liens…

voici mon bloc :





.liste_news
{
margin-left:5px;
height:20px;
width:198px;
background-color: rgb(185,185,145);
border-right:1px solid white;
border-left:1px solid white;
/*border-top:1px solid gray;*/
border-bottom:1px solid gray;
}





j'ai essayé cela mais ça ne fonctionne pas :





a.list_news:hover {color: white;text-decoration: none;}



pouvez-vous m'aider?
merci d'avance pour votre réponse.
Modifié par samb01 (09 Jan 2007 - 13:51)
Bonjour,
Les pseudo-classe comme :hover ne sont en effet appliquées par IE que sur les liens.
IE7 lui les prends enfin en compte sur tous les éléments.
Modifié par Hermann (08 Jan 2007 - 12:00)
samb01 a écrit :
j'ai essayé cela mais ça ne fonctionne pas :
a.list_news:hover {color: white;text-decoration: none;}

Si tu as un bloc (p, hN, div, ul, ol, etc.) ayant pour classe "list_news", la syntaxe à employer ne serait pas plutôt :
.list_news a:hover {}
?

Note : le sélecteur que tu as employé fera que le navigateur appliquera les styles demandés pour les liens de ce type :
<a class="list_news">...</a>