Probleme liens non surlignes dans opera/firefox

Probleme liens non surlignes dans opera/firefox - HTML/CSS - Programmation

Marsh Posté le 16-07-2008 à 20:04:46    

Bonsoir,
 
Je test les liens en CSS et j'ai un soucis pour les faire fonctionner sur Opera et Firefox. Par contre aucun problème sur IE 7.
 
Voici le code de ma page :
 

Citation :

<p><a href="LIEN TEST" class="lien1">LIEN1</a></p>
<p><a href="LIEN TEST"class="lien2">LIEN2</a></p>
<p><a href="LIEN TEST"class="lien3">LIEN3</a></p>


 
Jusque là, rien de plus basique.
 
Voici le code de mon fichier CSS :
 

Code :
  1. <style type="text/css">
  2. <!--
  4. A:link.lien1 {
  5. text-decoration: none;
  6. color: #FFA500;
  7. }
  9. A:hover.lien1 {
  10. text-decoration: underline overline;
  11. color: #FFA500;
  12. }
  16. A:link.lien2 {
  17. color: #0000FF;
  18. text-decoration: none;
  19. }
  21. A:hover.lien2 {
  22. text-decoration: none;
  23. color: #0000FF;
  24. }
  29. A:link.lien3 {
  30. color: #0000FF;
  31. text-decoration: none;
  32. }
  34. A:hover.lien3 {
  35. text-decoration: underline;
  36. color: #0000FF;
  37. }
  39. -->
  40. </style>


 
Sauf que si je supprime la référence "lien2" dans le CSS, alors mon "lien3" foire complètement et perd sa mise en page!! (uniquement dans firefox et opera)
 
Vous avez une idée d'ou ca pourrait venir? ca fait depuis ce matin que je suis dessus et je trouve pas.... :sweat:


Message édité par Sgt Sharp le 16-07-2008 à 20:09:49
Reply

Marsh Posté le 16-07-2008 à 20:04:46   

Reply

Marsh Posté le 16-07-2008 à 20:16:59    

Un peu rock'n'roll comme notation.
Déjà, utilise "a" et pas "A" et si tu veux gérer des effets de survol différents en fonction des liens, utilise plutôt des sélecteurs d'attribut à valeur exacte comme ça :

Code :
  1. a[href="http://forum.hardware.fr"]:hover


Message édité par gebruik le 16-07-2008 à 20:17:45
Reply

Marsh Posté le 16-07-2008 à 20:36:31    

j'ai changé mon code css
 
en ça:
 
 

Citation :

<style type="text/css">
 
a:link.lien3 {  
 color: #0000FF;
 text-decoration: none;
}
 
a:hover.lien3 {
 text-decoration: underline overline;
 color: #0000FF;
}
 
a:link.lien1 {  
 color: #FFA500;
 text-decoration: none;
}
 
a:hover.lien1 {
 text-decoration: underline overline;
 color: #FFA500;
}
 
</style>


 
LIEN1 est ok, car je le veux non sousligné, et là ca marche dire firefox et opera !
par contre, je voudrais aussi que LIEN3 soit non souligné de base, mais pourtant il l'est !!!! il n'y a que dans IE 7 qu'il n'est pas sousligné quand le curseur n'est pas dessus.
 
Pourtant le code CSS est exactement le même pour les deux, pourquoi est-ce que firefox interpretent les deux differement??? que faire pour regler le probleme??????


Message édité par Sgt Sharp le 16-07-2008 à 20:36:53
Reply

Marsh Posté le 16-07-2008 à 21:34:55    

Ta syntaxe n'est pas correcte. Ce qu'en font les navigateurs est un autre problème et le jour où tous feront la même chose n'est pas encore arrivé.
Pourquoi n'essaies-tu pas la méthode que je t'ai proposée ?

Message cité 1 fois
Reply

Marsh Posté le 17-07-2008 à 02:16:34    

gebruik a écrit :

Pourquoi n'essaies-tu pas la méthode que je t'ai proposée ?


 
ca marchera pas sur ie6 et probablement pas ie7, donc tant qu a faire pourquoi pas utiliser la meme solution pour tout le monde ?
mais en effet la syntaxe c est pas ca :D
.lien :hover


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

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