Discussion :

[Wormus]

Je suis pas encore très calé en CSS donc j'aurais besoin d'un peu d'aide

Je voudrais avoir un lien qui possède plusieurs couleurs (je sais pas si c'est possible), et aussi que les couleurs soient encore différentes lorsque c'est ce lien du menu qui est selectionné (bon ça c'est bonus !), je m'explique :

Quand il n'est pas selectionné et que la souris n'est pas au dessus :

Lien

Quand la souris est dessus et aussi quand il est selectionné :

Lien

Attention selectionné ne veut pas dire que mon lien a était sélectionné (css: visited) mais que la page affiché correspond à ce lien dans le menu
Je saurais qu'il est selectionné ou pas en changeant la valeur de 'class' grâce à du PHP !


Si franchement quelqu'un pouvais m'éclairer sur comment faire ! ça m'aiderais beaucoup

Merci

[franculo_caoulene]

Salut,

Pour la partie purement html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="capitale">L</span><span class="lien">ien</span>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="capitale">L</span><span class="lienencours">ien</span>

Et comme tu l'as dit, tu changes la class en PHP. Enfin si j'ai bien saisi le problème.

[Wormus]

Oui oui je pense que tu as compris mon problème mais j'avais fais quelque chose qui ressemblais à ce que tu me donne comme code sauf que il ne faut pas oublier que je veux un lien
donc il faut que je rajoute la balise <a> et là !!!
soit je perds tout ce que j'écris dans les <span>, vu que j'obtiens le format d'un lien normal,
soit je remplace les <span> par des <a> et là le problème que j'ai est que lorsque je me place seulement sur la 1ère lettre le reste de mon mot ne ce met pas de la couleur souhaité

Code déjà essayé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a.l2:link {color:black; text-decoration:none;}
a.l2:visited {color:black; text-decoration:none;}
a.l2:hover {color:d70000; text-decoration:none;}
 
a.l1:link {color:d70000 text-decoration:none;}
a.l1:visited {color:d70000; text-decoration:none;}
a.l1:hover {color:d70000; text-decoration:none;}

Avec en HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="recherche.php" target="milieu" class="l1">R</a><a href="recherche.php" target="milieu" class="l2">echerche</a>

[franculo_caoulene]

Il existe first-letter en CSS2 mais je ne connais pas son implémentation dans les navigateurs.

[SpaceFrog]

a priori le first-letter passe sous IE et firefox...