class sur un lien et Firefox [Résolu]

[dede92]

Bonjour,

J'ai un css externe dans lequel j'ai

Code :

1
2
A.lienImg1 {  text-decoration: none}
A.lienImg1:hover { BORDER-RIGHT: #6633FF 1px solid; BORDER-TOP: #6633FF 1px solid; BORDER-LEFT: #6633FF 1px solid; BORDER-BOTTOM: #6633FF 1px solid }

Dans la page php :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
$img_ref=$tab_graph[$ig][0]."_day";
       $size = getimagesize ("rrdtool/".$img_ref.".png");
       $comment="Cliquez pour plus de détails ...";
       echo '<div align="center"><table border="0" align="center" width="100%">
                <tr>
                <td width="100%" align="center">
                <p><b><FONT face=verdana color=#800000 size=2>'.$tab_graph[$ig][1].'</FONT></b> </p>
                </td></tr><tr>
                <td width="100%" align="center">';
       echo'<a class=lienImg1 href="rrdstats/graph_'.$tab_graph[$ig][0].'.pl" target=_blank" title="'.$comment.'">
                  <img src="rrdtool/'.$img_ref.'.png?unique="  id="id'.$ig.'" {'.$size[3].'} border="0" alt="'.$comment.'"></a>';           
       echo'   </td>
               </tr></table></div>';

Sous IE, l'image est bien entourée au survol du pointeur, mais sous Firefox, je n'ai que la ligne du bas avec un depart de ligne verticale à droite et à gauche !

Quelqu'un aurait il une idée ?

Merci d'avance

[thelvin]

Ça doit être parce que tu appliques le style sur <a>, une balise inline qui encadre normalement un bout de texte au milieu d'un paragraphe.

Enfin, ça m'a tout l'air d'un bug Firefox, pour le coup.

Tu devrais remplacer par :

Code :

1
2
a.lienImg1 {  text-decoration: none}
a.lienImg1:hover img { border: #6633FF 1px solid; }

Note pour la prochaine fois : le code PHP n'est pas utile et empêche de lire. Il vaut mieux nous montrer le code HTML généré, c'est ça que le navigateur reçoit, c'est ça qui nous intéresse.

[dede92]

Bonjour,
Désolé pour la réponse tardive ...
J'ai suivi ton conseil et ça fonctionne à merveille sur les deux navigateurs (IE et Firefox) !

Merci encore.