[HTML] couleur des liens

**gloglo** · 24/05/2006, 12h17

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

Merci

**zoidy** · 24/05/2006, 12h28

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

)

**Kerod** · 24/05/2006, 12h34

en faisant ainsi ca fonctionne très bien :

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
<!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>

**gloglo** · 24/05/2006, 13h50

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

**gloglo** · 24/05/2006, 14h01

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

**Kerod** · 24/05/2006, 14h04

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

Code :

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

.lien a:link{....}

il me semble que c'est la bonne syntaxe si c'est pas le cas dis le moi

**gloglo** · 24/05/2006, 14h37

Non, ça ne marche pas

**Kerod** · 24/05/2006, 14h54

alors pour le body (c'est pas une obligation) tu peux faire ceci :

Code :

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

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 :

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

1
2
3
4
div.boxtitle a{
    color: #000033;
    text-decoration: none;
}

Ceci est un exemple

**gloglo** · 24/05/2006, 14h59

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

**<romain/>** · 24/05/2006, 15h06

il faut que tu fasses ca :

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

Code :

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

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 :

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

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

**Kerod** · 24/05/2006, 15h09

comme ca :

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
<!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 :

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
<!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>

**gloglo** · 24/05/2006, 15h13

Merci beaucoup à vous tous.

**Kerod** · 24/05/2006, 15h16

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

[HTML] couleur des liens

HTML

Discussions similaires

Partager

Partager