[CSS] Lien hypertexte

Version imprimable

Voila, j'utilise une feuille CSS pour changer la couleur des liens mais le problème c'est que lorsque le lien n'a jamais été cliqué, je n'arrive pas à le modifier. Voici mon source :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 a:link { color : #FAe18C; /* 250, 225, 140 */ text-decoration : none; } a:visited { color : #FAe18C; text-decoration : none; } a:active { color : #FAe18C ; text-decoration : none ; } a:hover { color : #F0be0A; /* 240, 190, 10 */ text-decoration : none; }
Y a-t-il moyen de changer la couleur d'un lien qui n'a pas été cliqué ?

Merci d'avance.

04/01/2006, 14h30
Crazyblinkgirl

Bonjour,

Je ne sais pas si ca va résoudre ton pb mais l'ordre des règles est important pour les liens en CSS, il faut que tu déclares dans l'ordre :

link -> visited -> hover -> active
04/01/2006, 14h42
Azharis

Non ca n'a rien changé.
04/01/2006, 14h45
Crazyblinkgirl

En même temps, tous tes liens ont la même couleur mis à part ceux qui sont survolés donc tu ne verras aucune différence entre les trois autres et celui-ci
04/01/2006, 15h34
Azharis

Oui mais justement, je veux seulement deux couleurs différentes, une pour les liens quand ils sont survolés, et une autre pour tous les autres cas. Mais le problème, c'est quand un lien n'a jamais été cliqué, il apparait en bleu et souligné.

Salut,

..et comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
a, a:link, a:visited, a:active
{
   color : #FAe18C;
   text-decoration : none;
}
 
a:hover
{
   color : #F0be0A;
   text-decoration : none;
}

:?:

04/01/2006, 17h13
Azharis

Pareil
05/01/2006, 04h13
ghostdogpr

Salut,

Peux-tu poster une portion de code HTML avec tes liens qui ne marchent pas ? Avec l'exemple de dhjapan, ca marche tres bien... Si ca ne marche pas chez toi avec ce code, le probleme doit venir du HTML.

Voila la page d'accueil :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<HTML>
<LINK HREF = "Style.css" REL = "stylesheet" TYPE = "text/css">
<BODY BGCOLOR = #000000>
 
 
<CENTER>
<H1><A HREF = "frame.htm">E L É C K A S Ë </A></H1><BR>
 
<IMG SRC = "Splash.jpg">
</CENTER>
 
 
</BODY>
</HTML>

et voila la feuille de style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<style type="text/css">
 
	a, a:link, a:visited, a:active
	{
		color : #FAe18C;		/* 250, 225, 140 */
		text-decoration : none;
	}
 
	a:hover
	{
		color : #F0be0A;		/* 240, 190, 10 */
		text-decoration : none;
	}
 
 
	body
	{
		/* couleur de face de la barre de défilement et des boutons */
		scrollbar-face-color : #000000;
		/* couleur des flèches des boutons */
		scrollbar-arrow-color :  #C8C8C8;
		/* couleur de l'arrière plan où glisse la barre de défilement */
		scrollbar-track-color :#000000;
		/* couleur de l'effet 3D sur le côté eclairé de la barre et des boutons : bords externes haut et gauche */
		scrollbar-3dlight-color : #222222;
		/* couleur du coté éclairé de la barre et des boutons : bords internes haut et gauche */
		scrollbar-highlight-color : #000000;
		/* couleur du coté sombre de la barre et des boutons : bords internes bas et droite */
		scrollbar-shadow-color : #000000;
		/* couleur de l'effet 3D du coté sombre de la barre et des boutons : bords externes bas et droite */
		scrollbar-darkshadow-color :#222222;
	}
 
</style>

06/01/2006, 01h49
francis m
je ne sais si c'est la cause, mais commence par faire les opérations suivantes :
- création des balises head, à l'intérieur desquelles tu mets ton link
- suppression des codes <style> dans la feuille css
- mettre le style body en premier, avant les styles de a:
06/01/2006, 02h49
ghostdogpr

J'ai testé ton code et juste le fait de supprimer les balises <style> dans la CSS règle ton problème. Mais je te conseille vivement de faire tout ce qu'a dit francis m. :ccool:
06/01/2006, 12h39
Azharis

J'ai supprimé les <style> est ca marche.
J'ai aussi ajouté les <HEAD>.

Merci de votre aide.