Problème css firefox
Fermé
niota
Messages postés
8
Date d'inscription
mardi 21 avril 2009
Statut
Membre
Dernière intervention
26 avril 2009
-
21 avril 2009 à 14:37
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 21 avril 2009 à 21:40
PhP Messages postés 1770 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 21 avril 2009 à 21:40
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
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Comment supprimer bing de firefox - Guide
- Mettre google en page d'accueil firefox - Guide
9 réponses
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
21 avril 2009 à 14:40
21 avril 2009 à 14:40
Un lien vers la page ?
niota
Messages postés
8
Date d'inscription
mardi 21 avril 2009
Statut
Membre
Dernière intervention
26 avril 2009
21 avril 2009 à 14:47
21 avril 2009 à 14:47
Pardon? Je ne comprends la question
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
21 avril 2009 à 14:54
21 avril 2009 à 14:54
Aurai tu un lien vers ta page pour voir ce qu'il en est ?
niota
Messages postés
8
Date d'inscription
mardi 21 avril 2009
Statut
Membre
Dernière intervention
26 avril 2009
21 avril 2009 à 15:08
21 avril 2009 à 15:08
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
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
21 avril 2009 à 15:11
21 avril 2009 à 15:11
Lequel à tu ajouté et et qui par la suite posé problème ?
niota
Messages postés
8
Date d'inscription
mardi 21 avril 2009
Statut
Membre
Dernière intervention
26 avril 2009
21 avril 2009 à 15:17
21 avril 2009 à 15:17
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...
niota
Messages postés
8
Date d'inscription
mardi 21 avril 2009
Statut
Membre
Dernière intervention
26 avril 2009
21 avril 2009 à 15:24
21 avril 2009 à 15:24
Les deux style menu et menu2 sont appliqués dans des balises <ul>
arthezius
Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
475
21 avril 2009 à 20:22
21 avril 2009 à 20:22
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.
PhP
Messages postés
1770
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
21 avril 2009 à 21:40
21 avril 2009 à 21:40
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;
}
