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

Code: Tout sélectionner

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:

Code: Tout sélectionner

<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]

Code: Tout sélectionner

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.

Code: Tout sélectionner

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:

Code: Tout sélectionner

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

Tu redefinis "une sous-classe" :

Code: Tout sélectionner

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:

Code: Tout sélectionner

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

Code: Tout sélectionner

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-decoration:overline >> Le lien sera souligné (haut)
text-decoration:overline 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