Discussion :

[ledisciple]

Bonjour tous le monde.
Je ne sais pas trop dans quel forum poste ce post. j'espère que c'est le bon

Voilà, j'ai un bandeau d'un fond bleu dans lequel se trouve des liens (texte en blanc)

et j'ai une colonne de fond blanc avec des liens ( texte en bleu)

j'aimerai savoir comment forcer les couleurs de liens (visité ou non) pour qu'ils restent de la même couleur qu'à l'origine avec une feuille de style si possible.

j'espère avoir été que j'ai été assez clair ...

Pour illustrer mon propos voici l'adresse du site web :

http://uansf.free.fr

merci pour votre aide

[12monkeys]

Bonjour

Il suffit d'utiliser le code suivant :

Code :

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

1
2
3
4
a:link { color:white; }
a:visited { color:white; }
a:hover { color:white; }
a:active { color:white; }

Si on veut distinguer différents liens, on peut faire ainsi :

Code :

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

1
2
3
4
a.classe:link { color:white; }
a.classe:visited { color:white; }
a.classe:hover { color:white; }
a.classe:active { color:white; }

Code html :

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

<a href="lien..." class="classe">lien</a>

http://xhtml.developpez.com/faq/?pag...IEN_coloration

[GihefBey]

Bonjour,

Tu pourrais aussi écrire

Code CSS :

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

a:link, a:visited, a:hover, a:active { color:white; }

L'ordre est important.

Pour le menu de gauche, je crains que ça ne suffise pas.
Il est généré par Javascript et tout ça est précisé dans les //------------------- Options ------------------------//

++
Tu pourrais rétablir un fonctionnement un peu plus pratique dans ce menu en remplaçant style='cursor:hand' par style='cursor:pointer'.

-

[ledisciple]

Bonjour,

Tu pourrais aussi écrire

Code CSS :

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

a:link, a:visited, a:hover, a:active { color:white; }

L'ordre est important.

Pour le menu de gauche, je crains que ça ne suffise pas.
Il est généré par Javascript et tout ça est précisé dans les //------------------- Options ------------------------//

++
Tu pourrais rétablir un fonctionnement un peu plus pratique dans ce menu en remplaçant style='cursor:hand' par style='cursor:pointer'.

-

oui, pour le menu de gauche c'est un script que j'ai repris bêtement car non titulaire de mon diplôme javascript !!
faudrait que j'arrive à séparer le code de mise en forme, mais je ne sais pas trop par où commencer... je verrai ça plus tard. merci !

[ledisciple]

Code :

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

1
2
3
4
a.classe:link { color:white; }
a.classe:visited { color:white; }
a.classe:hover { color:white; }
a.classe:active { color:white; }

oui, c'est vrai, mais es ce que les pseudo-class marchent pas avec les plus utilisé des navigateurs? ( IE firefox Netscape Opera ...)

[HiRoN]

oui, c'est vrai, mais es ce que les pseudo-class marchent pas avec les plus utilisé des navigateurs? ( IE firefox Netscape Opera ...)

Dans l'idée, oui...
Au pire, tu pourrais jouer (par exemple) sur un div parent du style :

Code CSS :

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

1
2
 
#id_div a:hover { .... }

[ledisciple]

oki. merci pour vos conseils !!!