[CSS] Comment ne pas appliquer un "effet" :hover sur une image ?

Comment ne pas appliquer un "effet" :hover sur une image ? [CSS] - HTML/CSS - Programmation

Marsh Posté le 08-06-2005 à 22:27:17    

salut à tous
 
j'expose en gros mon soucis :
j'ai défini ca :

img {
  border: 0px;
}
 
a {
  text-decoration: none;
}
 
a:hover {
  background-color: #CCC;
}


 
seulement voila, si je place un lien sur une image, genre un gif ou un png avec des parties transparentes, la background de l'image en question s'en trouve logiquement modifié au survol de la souris.
 
D'où ma question : comment puis-je faire ou que dois-je définir pour que, dans le cas particulier d'une image liée, la background n'apparaisse pas ? Sachant aussi qu'il faudrait que ca ne s'applique qu'à certaine images et pas d'autres ?
 
merci de vos lumieres :jap:


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 08-06-2005 à 22:27:17   

Reply

Marsh Posté le 08-06-2005 à 22:41:41    

a:hover IMG {  
  background-color: transparent;  
}

Reply

Marsh Posté le 08-06-2005 à 22:51:35    

gatsusat a écrit :

a:hover IMG {  
  background-color: transparent;  
}


 
merci mais ca va s'appliquer à toutes les images liées, ce que je ne veux pas :D
 
en fit entretemps j'ai trouvé donc si ca interresse qq :)
 
Et en plus c tout bete, il suffit de définir une class qu'on applique sur la balise A qui lie l'image

HTML :
...
<a href="#"><img src="pic.jpg"></a>
<a class="imglink" href="#"><img src="pic.gif"></a>
...
 
CSS :
img {
  border: 0px;
}
 
a {
  text-decoration: none;
}
 
a:hover {
  background-color: #CCC;
}  
 
a.imglink {
 background-color: transparent;
}
 
a.imglink:hover  {
 background-color: transparent;
}


 
et voilà ca roulaize, et meme sous IE :D
 
merci :hello:


Message édité par SICKofitALL le 08-06-2005 à 23:59:54

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 08-06-2005 à 22:55:02    

ben oui mais tu nous donne pas ton code HTML comment veux tu k'on devine.

Reply

Marsh Posté le 08-06-2005 à 23:06:53    

gatsusat a écrit :

ben oui mais tu nous donne pas ton code HTML comment veux tu k'on devine.


 
il suffisait de le demander alors, bien que vu mon explication (pas claire ptetre ?) je ne pensais que ca soit si utile que ca...
 
enfin bref, merci :)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 08-06-2005 à 23:45:35    

Si si tu as trouvé la bonne méthode et tes explications étaient claires ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed