Problème css firefox
niota
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
PhP Messages postés 1770 Date d'inscription Statut Membre Dernière intervention -
PhP Messages postés 1770 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila j'ai un petit souci. Je fais une page pour un site en ce moment et il y a quasiment un style différent pour chaque lien (un style pour le menu1, pour le menu2, pour les liens se trouvant dans les articles, pour les liens se trouvant dans les titres) j'ai donc plusieurs sélecteurs contextuels du type .menu a:link, a:visited .menu2 a:link, a:visited... Bref tout marchait bien jusqu'à ce que j'ajoute un nouveau sélecteurs contextuel pour un nouveau type de lien... Je crée donc ce style pour ces liens j'enregistre, je regarde ce que ça donne sur Firefox et finalement tous les liens de la page ont pris l'apparence du nouveau style. Du coup j'annule tout je réenregistre mais maintenant tous les liens ont l'apparence du dernier style définit dans la feuille de style.
J'espere être compréhensible...
Quelqu'un peut-il m'aider svp!!!!
Voila j'ai un petit souci. Je fais une page pour un site en ce moment et il y a quasiment un style différent pour chaque lien (un style pour le menu1, pour le menu2, pour les liens se trouvant dans les articles, pour les liens se trouvant dans les titres) j'ai donc plusieurs sélecteurs contextuels du type .menu a:link, a:visited .menu2 a:link, a:visited... Bref tout marchait bien jusqu'à ce que j'ajoute un nouveau sélecteurs contextuel pour un nouveau type de lien... Je crée donc ce style pour ces liens j'enregistre, je regarde ce que ça donne sur Firefox et finalement tous les liens de la page ont pris l'apparence du nouveau style. Du coup j'annule tout je réenregistre mais maintenant tous les liens ont l'apparence du dernier style définit dans la feuille de style.
J'espere être compréhensible...
Quelqu'un peut-il m'aider svp!!!!
A voir également:
- Problème css firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Telecharger firefox - Télécharger - Navigateurs
- Exporter favoris firefox - Guide
- Ghostery firefox - Télécharger - Web & Internet
- Comment supprimer bing de firefox - Guide
9 réponses
Ah, non désolé elle n'est pas en ligne car je suis étudiante et il s'agit d'un projet pour un cours... Je dois justement la mettre en ligne dans quelques jours...
Voici le code css concerné si ça peut servir:
.menu li a:link, a:visited{
color:#9E0021;
}
.menu li a:hover{
color:#333333;
}
.menu2 li a:link, a:visited{
color:#E1E1E1;
font-weight: bold;
font-size:0.83em;
}
.menu2 li a:hover{
color:#9E0021;
} h3 a:link, a:visited{
color:#CCCCCC;
} h3 a:hover{
text-decoration:underline;
}
p a:link, a:visited{
color:#000000;
font-weight:bold;
}
p a:hover{
text-decoration:underline;
}
Voici le code css concerné si ça peut servir:
.menu li a:link, a:visited{
color:#9E0021;
}
.menu li a:hover{
color:#333333;
}
.menu2 li a:link, a:visited{
color:#E1E1E1;
font-weight: bold;
font-size:0.83em;
}
.menu2 li a:hover{
color:#9E0021;
} h3 a:link, a:visited{
color:#CCCCCC;
} h3 a:hover{
text-decoration:underline;
}
p a:link, a:visited{
color:#000000;
font-weight:bold;
}
p a:hover{
text-decoration:underline;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
En fait, la tous les liens prennent l'apparence définit par p a:link, a:visited mais j'ai essayé de mettre par exemple celui de menu2 en dernier dans le code et du coup tous les liens prennent alors l'apparence définit dans menu2... Je ne comprends vraiment pas car jusque là ça fonctionnait normalement... C'est comme si Firefox ne détectait plus la "contextualisation" des pseudo-classes...
Ton p a:link s'applique à tous les liens dans une balise <p></p>
Essai de leurs spécifier une classe.
Exemple:
CSS:
Essai de voir aussi pour les autres avec également des classes.
Essai de leurs spécifier une classe.
Exemple:
<a href="page.html" class="lien">texte</a>
CSS:
p a.lien{}
Essai de voir aussi pour les autres avec également des classes.
Bsr
Et comme ceci ?
.menu li a:link,.menu li a:visited{
color:#9E0021;
}
.menu li a:hover{
color:#333333;
}
.menu2 li a:link,.menu2 li a:visited{
color:#E1E1E1;
font-weight: bold;
font-size:0.83em;
}
.menu2 li a:hover{
color:#9E0021;
}
h3 a:link,h3 a:visited{
color:#CCCCCC;
}
h3 a:hover{
text-decoration:underline;
}
p a:link,p a:visited{
color:#000000;
font-weight:bold;
}
p a:hover{
text-decoration:underline;
}
Et comme ceci ?
.menu li a:link,.menu li a:visited{
color:#9E0021;
}
.menu li a:hover{
color:#333333;
}
.menu2 li a:link,.menu2 li a:visited{
color:#E1E1E1;
font-weight: bold;
font-size:0.83em;
}
.menu2 li a:hover{
color:#9E0021;
}
h3 a:link,h3 a:visited{
color:#CCCCCC;
}
h3 a:hover{
text-decoration:underline;
}
p a:link,p a:visited{
color:#000000;
font-weight:bold;
}
p a:hover{
text-decoration:underline;
}
