Titre: Couleur liens survol
Posté par: Mika-du-68 le le 29-10-2007 a 16:23:06
Bonjour,
Je vous explique mon problème.
J'aimerai que la couleur des liens change au passage de la souris.
Chose que j'ai réussi à réaliser au moyen de :
<style type="text/css">
a { color:#FFFFFF ; }
a:hover { color:#CC0000 ; }
</style>
Seulement, maintenant, chaque lien prend obligatoirement cette couleur au passage de la souris, ce qui me pose un problème, puisque certains se confondent à présent avec le fond. Comment est-il possible de réaliser deux couleurs de survol différentes?
Merci d'avance! |
Titre: Re:Couleur liens survol
Posté par: Krash le le 29-10-2007 a 17:10:53
tu donnes une class aux liens que tu veux changer au survol de la souris
<a href="#" class="lien">lien</a>
et dans ton css tu mets
.lien:hover {
color:#CC0000 ;
}
biensur tu nommes ta class comme tu veux |
Titre: Re:Couleur liens survol
Posté par: Mika-du-68 le le 29-10-2007 a 17:12:15
| oui mais est-il possible de réaliser deux couleurs de survol différentes ? Et si oui comment? |
Titre: Re:Couleur liens survol
Posté par: Krash le le 29-10-2007 a 17:14:50
<a href="#" class="lien_a">lien</a>
<a href="#" class="lien_b">lien</a>
et dans ton css tu mets
.lien_a:hover {
color:#CC0000 ;
}
.lien_b:hover {
color:#CCCCCC ;
} |
Titre: Re:Couleur liens survol
Posté par: Mika-du-68 le le 29-10-2007 a 17:30:08
J'ai donc mi entre mes balises head et /head :
<style type="text/css">
.lien_a a { color:#FFFFFF ; }
a:hover { color:#CC0000 ; }
.lien_b a { color:#cc0000 ; }
a:hover { color:#ffffff ; }
</style>
puis dans le contenu :
<a href="#" class="lien_a">lien</a>
<a href="#" class="lien_b">lien</a>
Seulement les liens apparaissent en couleur bleu lien et passent au blanc au passage de la souris. Que faire? |
Titre: Re:Couleur liens survol
Posté par: Krash le le 29-10-2007 a 17:34:26
en fait c'est
<style type="text/css">
.lien_a { color:#FFFFFF ; }
.lien_a:hover { color:#CC0000 ; }
.lien_b{ color:#cc0000 ; }
.lien_b:hover { color:#ffffff ; }
</style>
</head>
<body>
<a href="#" class="lien_a">lien</a><br />
<a href="#" class="lien_b">lien</a>
</body> |
Titre: Re:Couleur liens survol
Posté par: Mika-du-68 le le 30-10-2007 a 12:27:32
Titre: Re:Couleur liens survol
Posté par: virtualaz le le 01-09-2013 a 02:43:53
en fait c'est
<style type="text/css">
.lien_a { color:#FFFFFF ; }
.lien_a:hover { color:#CC0000 ; }
.lien_b{ color:#cc0000 ; }
.lien_b:hover { color:#ffffff ; }
</style>
</head>
<body>
<a href="#" class="lien_a">lien</a><br />
<a href="#" class="lien_b">lien</a>
</body>
|
|
Bonjour,
Merci Krash, tu m'as aidé à faire mon premier code CSS.
:) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|