Probleme de lien

[skyneur]

Bonjour,

J'aimerai que mon lien change de couleur lorsque ma souris passe dessus.

Voici le code:
<style type="text/css">
A:link { text-decoration: none; color:"#CC33CC" }
A:visited { text-decoration: none; color:"#CC33CC" }
A:hover {color:"#EAFDFF"}
</style>

je pense qu'il doit être correct mais je ne suis pas sure.

Mon probleme dois donc venir directment de mes liens mais je ne sais pas ou est mon erreur:
<span
style="font-style: italic;"> </span><a
href="gratuit.html" style="color: rgb(0, 0, 102);">Gratuit</a><br
style="color: rgb(0, 0, 0);">
<a
href="deredirection.html" style="color: rgb(0, 0, 102);">de
redirection</a><br>
<span

Merci pour votre aide !

 

[webadev]

pourquoi redefinitu la couleur dans ton lien ?

Ta feuille de style

A:visited, A:link, A:active {color:#ED8000; text-decoration:none;}
A:hover {color:#4973A1; text-decoration:underline;}

celle-ci va souligner tes liens et les changer de couleur quand tu passeras dessus.

Tu n'as besoin de rien rajouter sur ton lien donc:

<a href="gratuit.html">Gratuit</a>

 

[skyneur]

OK

Merci ca marche mais comme il n'y a plus de couleur de définies les liens sont de couleurs violet...

Comment je dois faire afin qu'ils restent noir ??

merci

 

[webadev]

comme dans mon exemple défini egalement >> A:visited

 

[webadev]

A:visited, A:link, A:active {color:#ED8000; text-decoration:none;}

>> Ton lien sera de la couleur #ED8000 sans soulignement si tu as deja visité ton lien, si tu ne fais aucune action sur ton lien et si tu cliques sur ton lien.

A:hover {color:#4973A1; text-decoration:underline;}

>> Ton lien sera de la couleur #4973A1 si tu passes ta souris dessus et il sera également souligné.

maitenant tu mets les valeurs que tu veux c'est juste un exemple.

 

[skyneur]

Ok mais en fait ca donne bien la couleur violet ...

Donc je souhaites changer seulement quelques liens et si je fais comme dans ton exemple tous les liens prendront la même couleur.

Je dois leur attribué leur couleur individuellement je supposes ... Mais comment faire ?

Merci !

 

[webadev]

Ok je vois mieux ton probleme.

Alors tu as plusieurs methodes mais la plus adapté surtout si tu as plus d'un lien.

est de faire comme ceci:

Ta regele général:

A:visited, A:link, A:active {color:#ED8000; text-decoration:none;} 
A:hover {color:#4973A1; text-decoration:underline;}

Tu redefinis "une sous-classe" :

a:visited.autreCouleur, a:link.autreCouleur, a:active.autreCouleur { color :#808080;}
a:hover.autreCouleur{ color :#696969;}

Celle-ci va juste changer les couleurs et gardera tous les autres paramettre de ta regle général.

et tu l'utilise comme ceci:

<a href="gratuit.html" class="autreCouleur">Gratuit</a>

 

[webadev]

Et pour tes 3 merci voici 3 >> de rien

 

[r23o]

Et comment on fait pour changer la couleur de l'arriere plan entourant le lien quand on passe la souris dessus ?

Et aussi comment avoir des liens dont le trait de soulignement est en pointillé ou autre decoration ?

Merci

 

[skyneur]

OK merci beaucoup ca marche !!

 

[webadev]

Et comment on fait pour changer la couleur de l'arriere plan entourant le lien quand on passe la souris dessus ?

tu utilise l'attribut background-color

Exemple:

A:hover {background-color: #000000; color: #ed8000}

Et aussi comment avoir des liens dont le trait de soulignement est en pointillé ou autre decoration ?

text-decoration:none >> Le lien ne sera pas souligné
text-decoration:underline >> Le lien sera souligné (bas)
text-decorationverline >> Le lien sera souligné (haut)
text-decorationverline underline >> Le lien sera souligné (haut et bas)
text-decoration:line-through >> Le lien sera souligné (au milieu)

Pour ce qui est des pointillés je ne sais pas.
Pour les bordures c'est assez simple >> boder-style:dotted
Mais pour les liens ce n'est pas un satandard de decoration (du moins je ne pense pas)

 

[r23o]

merci