28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je viens vous faire part d'un souci que je rencontre avec le navigateur IE6... Smiley fache

Problème résolu sous IE7 ou Mozilla.

Je souhaite que l'image du produit s'affiche quand on passe la souris sur le lien. Pour ca, j'ai ceci :



<a id="decalage" href="http://www.kellidenn.com/aber-gwenn-blanche-75cl-p-149.html"><span><img src="images/biere_abergwenn.JPG" alt="Aber Gwenn (blanche) - 75cl" title=" Aber Gwenn (blanche) - 75cl " width="202" height="420" /></span><h1>Aber Gwenn (blanche) - 75cl</h1></a>  



code CSS :

a:link#decalage span {
  position:absolute;
  display:block;  
  margin:0 0 0 -3000px;
  top:300px;
  padding:0;  
}

a:visited#decalage span {
  position:absolute;
  margin:0px 0 0 -3000px;
  top:300px;
  padding:0;
  display:block;   
}
        
a:hover#decalage span{
  position:absolute;
  display:block;  
  margin:-70px 0 0 -245px;
  padding:0;
}


Donc dans a:link, l'image est préchargée, dans a:hover, l'image se repositionne correctement. Mais si on clique sur un lien, puis qu'on revient, le lien en question est donc "visited" et lorsqu'on passe dessus avec la souris, l'image se positionne pas en fonction du hover sous IE6 ! j'ai l'impression qu'il faudrait un deuxième a:hover si celui ci a été visité !!!!!!!

j'enrage depuis plusieurs jours...

pour vous en rendre compte :
http://www.kellidenn.com/biere-blanche-c-28_101_140.html

je sais c'est assez tarbiscoté, mais je vous remercie d'avance. Je ne comprends pas le comportement du a:visited, qui diffère totalement. entre IE7 et IE6.

merci d'avance.
Modifié par Luska (21 May 2007 - 10:54)
Une hypothèse : as-tu essayé d'intervertir dans ta feuille de style le :visited et le :hover (il se pourrait qu'IE6 trouvant visited avant hover dans la feuille de style s'en contente et s'arrête là, ignorant de fait le hover qui suit...) ?
j'ai déjà essayé, mais rien n'y fait.

J'ai (plus que) l'impression que une fois le lien visité, le a:hover se positionne par rapport à celui ci et non plus en absolu !!!! arggggg

merci quand meme.