Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2773 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme liens non surlignes dans opera/firefox

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme liens non surlignes dans opera/firefox

n°1760528
Sgt Sharp
Fortune favors the Bold
Posté le 16-07-2008 à 20:04:46  profilanswer
 

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. <!--
  3. A:link.lien1 {
  4. text-decoration: none;
  5. color: #FFA500;
  6. }
  7. A:hover.lien1 {
  8. text-decoration: underline overline;
  9. color: #FFA500;
  10. }
  11. A:link.lien2 {
  12. color: #0000FF;
  13. text-decoration: none;
  14. }
  15. A:hover.lien2 {
  16. text-decoration: none;
  17. color: #0000FF;
  18. }
  19. A:link.lien3 {
  20. color: #0000FF;
  21. text-decoration: none;
  22. }
  23. A:hover.lien3 {
  24. text-decoration: underline;
  25. color: #0000FF;
  26. }
  27. -->
  28. </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
mood
Publicité
Posté le 16-07-2008 à 20:04:46  profilanswer
 

n°1760533
gebruik
Posté le 16-07-2008 à 20:16:59  profilanswer
 

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
n°1760543
Sgt Sharp
Fortune favors the Bold
Posté le 16-07-2008 à 20:36:31  profilanswer
 

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
n°1760565
gebruik
Posté le 16-07-2008 à 21:34:55  profilanswer
 

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 ?

n°1760636
mIRROR
Chevreuillobolchévik
Posté le 17-07-2008 à 02:16:34  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme liens non surlignes dans opera/firefox

 

Sujets relatifs
Mise sous forme de liens des résultats d'une requête en phpProbleme de tri + selection de page
[Résolu]Problème de requête SELECT[URL REWRITING] Règle qui pose problème
probleme requete jointure et distinctliens comment faire apparaitre la photo en grand ?
Problème de calcul moduloProblème de pointeur
[CSS] Problème de footer sous un div avec du contenu fixe/variableprobleme formulaire/mysql
Plus de sujets relatifs à : Probleme liens non surlignes dans opera/firefox


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR