-
Description du contexte HTML :
Soit un lien () et un#cadre placés dans le .
Le#cadre contient également un lien.Description du contexte CSS :
Je veux que le texte des liens de ma page soient en gris, je fais donc : a { color: grey; }
Je veux que le texte des liens survolés de ma page soient en rouge, je fais donc : a:hover { color: red; }
Je veux que le texte des liens contenus dans #cadre soient en vert, je fais donc : div#cadre a { color: green; }Description de l’erreur :
Et bien dans ce cas, seul le lien hors-div#cadre sera rouge au survol
- Annexe : Code HTML :
<html><body> <a href="http://www.halte-a-la-pub.com">--{Modéré}--</a> <div id="cadre"> <a href="http://www.halte-a-la-recidive.com">--{Modéré²}--</a> </div> </body></html>- Annexe : Code CSS :
a { color: grey; } a:hover { color: red; } div#cadre a { color: green; }Edité le 22/11/2007 à 00:40
Il me semble que lorsque tu définis un “a”, ca supprime tous les over/focus/active.
Donc la pour ton div il faudrais que tu dises qu’au survol il doit être rouge.
div#cadre a {
color: green;
}
a:hover, div#cadre a:over{
color: red;
}
Ouais… pas top de redéfinir ça à plusieurs endroit :-/
(Je présume que définir un “a:link” à la place du “a” n’y changera rien… => Exact, j’ai testé : même résultat :()
et dans ce sens ?
div#cadre a {
color: green;
}
a:hover {
color: red;
}
Pareil 
Par contre, je me rends compte que retirer
a:link {
color: grey;
}
Ne change rien (si ne n’est la couleur du lien hors cadre, devenant bleu : défaut de mon navigateur) :
Survol hors cadre OK, survol dans cadre PAS OK
Il semble que ça soit surtout la définition du div#cadre a (ou div#cadre a:link) qui “bloque”.
Tu as testé en décrivant les 4 états dans chacun des deux cas? A savoir link, active, hover, visited.