CSS xhtml a:hover Comment faire?

Bonjour a tous voila je cherche une astuce depuis quelque temps pour pouvoir faire une chose avec mes liens

en gros faire en sorte qu'ils aient deux couleur par exemle une parie rouge une partie bleu

puis que en hover ces couleur s'intervertissent

Je cherche mais ne trouve aucunes réponses comment faire svp je désespère un peut...

Amicalement

WizarD

comment ca une partie ?
tu veux un lien qui ressemble à ca :
Monsieur lien

et qui avec le hover donnerait ca :
Monsieur lien

c'est ca ?

le seul moyen est de jouer avec des <span> dans le <a>

<a href="...">
    <span class="p1">Monsieur</span><span class="p2">lien</span>
</a>

et en css :

a span.p1{
   color:green;
}

a span.p2{
   color:red;
}
a:hover span.p1{
   color:red;
}
a:hover span.p2{
   color:green;
}

Modifié par Zeke (08 Mar 2006 - 15:05)

oui c'est de se style la mais le xhtml donne quoi sûr que ça marche???

en tous cas merci

Edit merci de ton édit xhtml

merci ça marche très bien mais que sous FF IE non vous auriez une solution?
Modifié par WizarD (08 Mar 2006 - 15:09)

Tu peux modifier ton style avec JS si tu veux la même chose en ajoutant l'evenement suivant dans tes balises
onmouseover="ta_modif_de_style;" // echange des couleurs

Edit : Erratum concernant hover désolé confusion avec before et after
Modifié par Nagaroth (08 Mar 2006 - 15:42)

oulala js connais pas sur l'éditeur JS c'est possible de faire ce code?

Non non,
Pour IE il suffit d'ajouter (par exemple) :

a:hover {background: none;}

et avec ça, ça marchera comme sous Firefox. Il n'y a qu'avec d'autres balises que <a> que :hover n'est pas supporté sous IE
Modifié par Alan (08 Mar 2006 - 15:37)

Nagaroth a écrit :
Hover n'étant pas accepté sur IE pour l'instant

STOP !
:hover fonctionne très bien sur IE depuis toujours (sinon on ne verrait jamais aucun survol de liens).
Par contre IE ne reconnait :hover que sur l'élément <a>, ce qui ne nous gêne en rien ici.

Merci d'éviter d'employer des scripts pour de simples survols de liens
Modifié par Raphael (08 Mar 2006 - 15:39)

personnellement Sous IE chez moi ça ne marche pas et j'ai la dernière version...

WizarD a écrit :
personnellement Sous IE chez moi ça ne marche pas et j'ai la dernière version...

Essaie en ajoutant comme je t'ai dit

a:hover {background: none;}

et tu verras que ça marche

merci alan ça marche extra bien