Un "rollover" en CSS ne fonctionne pas, contrairement aux autres

Un "rollover" en CSS ne fonctionne pas, contrairement aux autres - HTML/CSS - Programmation

Marsh Posté le 30-08-2005 à 22:53:33    

J'ai une série de qques "rollovers" si on peut appeler ca comme ca sur mon site , en haut du menu a gauche : http://henol.servehttp.com
 
Mais le coeur disparait lorsqu'on passe la souris de dessus, pourtant le code est scrupuleusement le même que les autres :
sur la page :
<a href="/recommander.php" class="recommander"><img src="images/ico_recommander2.gif" width="11" height="12" border="0"></a>
 
dans le fichier css :
a.recommander { display: block; width: 11px; height: 12px; background-image: url('images/ico_recommander1.gif') }
a.recommander:hover { visibility: visible }
a.recommander:hover img { visibility: hidden }
 
J'attends déjà les commentaires sur la "programmation faite avec les pieds", mais j'espère réussir à résoudre ce problème ici.
 
Merci

Reply

Marsh Posté le 30-08-2005 à 22:53:33   

Reply

Marsh Posté le 30-08-2005 à 23:06:01    

je confirme, c'est codé comme un cochon...

Reply

Marsh Posté le 30-08-2005 à 23:10:30    

La classe "recommander"  

Code :
  1. .recommander {
  2. background-image: url(images/mail.gif);
  3. background-repeat: no-repeat;
  4. background-position: 170px 134px;
  5. text-align: justify;
  6. }

qui pointe vers une trés grosse image dont le coin en haut à gauche est de la couleur du fond de ta page, elle veindrait pas mettre le border avec tes classes "a.recommander:" ?

Reply

Sujets relatifs:

Leave a Replay

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