[HTML] couleur des liens

Version imprimable

24/05/2006, 12h17
gloglo

[HTML] couleur des liens

Salut,
J'au un probleme avecles liens. En fait je veux que le couleur de mas liens reste tout le temps en blanc meme apres leurs visite, j'ai ecrit donc le fichier css suivant :
/* :link permet de definir la propriété des liens */
a:link
{
color : white;
text-decoration : none;
}
/* visited : permet de definir les propriétés d'un lien deja visité */
a:visited
{
color : white;
text-decoration : none;
}

Mais ça ne marche toujours pas les liens visités s'affichent toujours en violet
:help:
Merci
24/05/2006, 12h28
zoidy

Question à la con :

As-tu appelé ta page css dans ta page html ? (oui je sais, c'est con, mais ça évite parfois de chercher pendant 3h un problème qui n'existe pas ;))

en faisant ainsi ca fonctionne très bien :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
a:link
{
color : white;
text-decoration : none;
}
/* visited : permet de definir les propriétés d'un lien deja visité */
a:visited
{
color : white;
text-decoration : none;
}
</style>
</head>
 
<body bgcolor="#000000">
<a href="google.fr">G</a>
</body>
</html>

24/05/2006, 13h50
gloglo

Citation:

Envoyé par zoidy

Question à la con :

As-tu appelé ta page css dans ta page html ? (oui je sais, c'est con, mais ça évite parfois de chercher pendant 3h un problème qui n'existe pas ;))

Mais bien sur que j'ai appelé ma page css dans ma page html ;)
24/05/2006, 14h01
gloglo

Merci Kerod c'est résolu.
Une autre question, parmi les liens que j'ai dans ma page, j'ai deux liens, j'ai envie qu'ils restent en noir tout en laissant les autres en blanc. Y a t'il un moyen qui permet de personnaliser chacun des liens individuellement
24/05/2006, 14h04
Kerod

oui en attribuant une classe que tu auras définit du style :

Code:

.lien a:link{....}

il me semble que c'est la bonne syntaxe si c'est pas le cas dis le moi ;)
24/05/2006, 14h37
gloglo

Non, ça ne marche pas :cry:
24/05/2006, 14h54
Kerod
alors pour le body (c'est pas une obligation) tu peux faire ceci :
Code:

1 2 3 4 5 body a, body a:link, body a:visited, body a:active { text-decoration: none; color: #FFFFF; }
et pour ce qui concerne ta demande :
Code:

1 2 3 4 div.boxtitle a{ color: #000033; text-decoration: none; }
Ceci est un exemple
24/05/2006, 14h59
gloglo

Oui mais ce bout de code je lemet ou exactement. Moi ce que je veux c'est personnaliser chaque lien independanmment des autres. Autrement dit, je souhaite qu'un lien soit en moir, l'autre en blanc ...
Merci
24/05/2006, 15h06
<romain/>
il faut que tu fasses ca :

pour le css (le :hover sert a definir ton lien quand la souris passe dessus):
Code:

1 2 3 4 5 6 7 8 a.lien{ color:black; } a.lien:hover{ color:black; }
pour le (x)html : (quand tu appelles ton lien)
Code:

1 2 <a href="#" class="lien">ton lien</a>
le "class=lien " sert a appliquer a ton lien ce que tu as defini dans la classe de ton fichier css ;)

<romain/>

comme ca :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
body a:link
{
color : white;
text-decoration : none;
}
/* visited : permet de definir les propriétés d'un lien deja visité */
body a:visited
{
color : white;
text-decoration : none;
}
a.lien:link{
    color: #000000;
}
</style>
</head>
 
<body>
<a href="google">Google</a>
 
    <a href="google" class="lien">google</a>
 
</body>
</html>

ou comme ca :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
body a:link
{
color : white;
text-decoration : none;
}
/* visited : permet de definir les propriétés d'un lien deja visité */
body a:visited
{
color : white;
text-decoration : none;
}
 
</style>
</head>
 
<body bgcolor="#000000">
<a href="google">Google</a>
 
    <a href="google" style="color:#000000">google</a>
 
</body>
</html>

24/05/2006, 15h13
gloglo

:resolu:

Merci beaucoup à vous tous.
24/05/2006, 15h16
Kerod

C'est dans le titre qu'il faut le mettre le résolu et justement grace à ce bouton qui se trouve tout en bas de la page :mouarf: