La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Couleur liens survol
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Couleur liens survol  (Lu 6140 fois)
Couleur liens survol
« sur: le 29-10-2007 a 16:23:06 »
Mika-du-68
Membre récent
*

Hors-Ligne

Messages: 5



Je suis un lama!

Voir le Profil
Répondre avec citation

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!

Rapporter au modérateur  

Re:Couleur liens survol
« Répondre #1 sur: le 29-10-2007 a 17:10:53 »
Krash
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 181





Voir le Profil    E-Mail
Répondre avec citation

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

« Dernière Édition: le 29-10-2007 a 17:35:23 par Krash » Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #2 sur: le 29-10-2007 a 17:12:15 »
Mika-du-68
Membre récent
*

Hors-Ligne

Messages: 5



Je suis un lama!

Voir le Profil
Répondre avec citation

oui mais est-il possible de réaliser deux couleurs de survol différentes ? Et si oui comment?

Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #3 sur: le 29-10-2007 a 17:14:50 »
Krash
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 181





Voir le Profil    E-Mail
Répondre avec citation

<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 ;
}

« Dernière Édition: le 29-10-2007 a 17:36:08 par Krash » Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #4 sur: le 29-10-2007 a 17:30:08 »
Mika-du-68
Membre récent
*

Hors-Ligne

Messages: 5



Je suis un lama!

Voir le Profil
Répondre avec citation


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?

Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #5 sur: le 29-10-2007 a 17:34:26 »
Krash
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 181





Voir le Profil    E-Mail
Répondre avec citation

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>

Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #6 sur: le 30-10-2007 a 12:27:32 »
Mika-du-68
Membre récent
*

Hors-Ligne

Messages: 5



Je suis un lama!

Voir le Profil
Répondre avec citation

Merci ça marche !

Rapporter au modérateur  
Re:Couleur liens survol
« Répondre #7 sur: le 01-09-2013 a 02:43:53 »
virtualaz
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 1





Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: 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>

Bonjour,
Merci Krash, tu m'as aidé à faire mon premier code CSS.

Rapporter au modérateur  

www.annonce1.fr
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg