Problème CSS avec Mozilla

Problème CSS avec Mozilla - HTML/CSS - Programmation

Marsh Posté le 18-02-2007 à 22:49:02    

Bonjour.
 
Voici mon problème.  
Lorsque j'affiche mon site sous IE, pas de problème. Lorsque je l'affiche sous Mozilla, les bordures de tableaux sont au départ bleu clair et lorsque je le survol il devient bleu foncé. En fait, dans ma feuille de style, pour un lien, le lien est au départ en bleu clair et devient foncé au survol. Et apparemment Mozilla applique également cette propriété aux bordures.  
Voici mon CSS:
.link{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold; color:#0000FF; text-decoration:none;}
.link:hover{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000033;  text-decoration:none;}
.link:active{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF0000; text-decoration:none; }
 
Voic la page en question: www.fenerfrance.com/sitefb
 
Vous pouvez voir qu'avec IE il n'y a pas de problème, alors qu'avec Mozilla les bordures changent de couleur au survol. Comment résoudre ce problème? Merci d'avance.


Message édité par miagiste-turc le 18-02-2007 à 22:49:38
Reply

Marsh Posté le 18-02-2007 à 22:49:02   

Reply

Marsh Posté le 18-02-2007 à 22:55:55    

Faux! Il y a un problème avec IE. Et Mozilla a un comportement parfaitement normal.
 
Tes tableaux ont pour class "link", donc ils changent de couleur au survol! IE ne reconnaît la pseudo class "hover" que pour les liens donc il ne réagit pas de la même manière.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 18-02-2007 à 23:19:04    

Ba en fait j'ai mis l'attribut class="link" dans la balise body pour pas avoir à l'écrire à chaque fois. Et donc les tableaux prennent également cette valeur de classe. Je dois alors l'enlever de la balise body et la remettre à chaque fois à l'interieur des cellules?

Reply

Marsh Posté le 18-02-2007 à 23:22:16    

Si tout tes liens doivent avoir ces effets au sruvol, tu n'as qu'a ecrire tes classe comme ceci :
 

Code :
  1. a {
  2. /* Le code */
  3. }


 
Avec directement le nom de la balise.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 19-02-2007 à 01:48:23    

Merci bien!

Reply

Sujets relatifs:

Leave a Replay

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