[CSS] Lien hypertexte

**Azharis** · 04/01/2006, 14h12

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 :

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

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.

**Crazyblinkgirl** · 04/01/2006, 14h30

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

**Azharis** · 04/01/2006, 14h42

Non ca n'a rien changé.

**Crazyblinkgirl** · 04/01/2006, 14h45

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

**Azharis** · 04/01/2006, 15h34

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é.

**dhjapan** · 04/01/2006, 16h38

Salut,

..et comme ça :

Code :

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

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;
}

:

**Azharis** · 04/01/2006, 17h13

Pareil

**ghostdogpr** · 05/01/2006, 04h13

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.

**Azharis** · 05/01/2006, 20h02

Voila la page d'accueil :

Code :

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

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 :

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

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>

**francis m** · 06/01/2006, 01h49

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:

**ghostdogpr** · 06/01/2006, 02h49

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.

**Azharis** · 06/01/2006, 12h39

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

Merci de votre aide.

[CSS] Lien hypertexte

CSS

Discussions similaires

Partager

Partager