haut de page [résolu]

[artaud]

Bonjour,
ai voulu créer un classique "haut de page", ai créé une classe pour cet élément, mais le problème est qu'il prend les qualités du a:hover lorsque je le survole et j'aimerai l'éviter.
Comment faire ? créer un .haut a:hover ?

en CSS, cela donne

Code : Tout sélectionner

a {
font-weight: bold;
color: #697f9a;
}
a:hover {
color: #999999;
}
.haut {
color: #ae0000;
float: right;
margin-right: 2em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

en HTML

Code : Tout sélectionner

<p><a class="haut"
 href="#haut">Haut
de page<br /></a></p>

Si vous pouvez, merci de votre aide

Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[chinon37]

un a:hover s'applique à tous les liens et ancres. balise <a>
Un .haut a:hover ou a:hover .haut n' y changera rien

[Invité]

La solution
ai utilisé

Code : Tout sélectionner

.haut {
    color: #ae0000;
    float: right;
    margin-right: 2em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

a.haut:hover {
    color: #ae0000;
}

Ainsi mon "haut de page" survolé ne change pas de couleur,
en tout cas ne prend pas celle des autres a:hover, cités plus haut.


Message envoyé avec : Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1