Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1483 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1113278
SICKofitAL​L
misanthrope
Posté le 08-06-2005 à 22:27:17  profilanswer
 

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...
mood
Publicité
Posté le 08-06-2005 à 22:27:17  profilanswer
 

n°1113296
gatsusat
Posté le 08-06-2005 à 22:41:41  profilanswer
 

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

n°1113304
SICKofitAL​L
misanthrope
Posté le 08-06-2005 à 22:51:35  profilanswer
 

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...
n°1113309
gatsusat
Posté le 08-06-2005 à 22:55:02  profilanswer
 

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

n°1113322
SICKofitAL​L
misanthrope
Posté le 08-06-2005 à 23:06:53  profilanswer
 

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...
n°1113366
gm_superst​ar
Appelez-moi Super
Posté le 08-06-2005 à 23:45:35  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[Jsp/Java] Récupérer les propriétés d’une image[CSS][XHTML] équivalent de target pour un object ?
[CSS] Centrage d'un 'select' dans un 'td'open cv pb avec le déplacemnt d'une fenêtre image
Récupération des données EXIF d'une image JPEGtruc con avec les CSS : div à hauteur adaptable
Changer dynamiquement des propriétés d'une classe CSSProblème de CSS sous IE MAC
Traitement d'image, extraction de texte dans une imageCss dans javascript
Plus de sujets relatifs à : [CSS] Comment ne pas appliquer un "effet" :hover sur une image ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR