[Débutant] Couleurs des liens

**pymouse** · 10/05/2006, 18h10

Bonjour, je n'est pas réussi a trouvé l'astuce pour modifier la couleur de SOULIGNEMENT d'un lien. Je veut que lorsque l'on passe la sourit sur le lien, il ce souligne d'une couleur différent du texte. Lien écrit en noir et souligné en rouge par exemple.

Si quelqu'un pouvais m'aidé merci

Pymouse.

**Swoög** · 10/05/2006, 18h12

si c'est UNIQUEMENT pour le soulignement, il te faut te pencher du côté de border-bottom (CSS) pour simuler un soulignement avec la bordure du bas de ton lien..

il n'est pas possible de gérer les couleurs des traits de soulignement

**blueice** · 10/05/2006, 18h50

Bien sûr que tu peux le faire, il suffit de faire appel aux images

Tu fais un rollover ;-) maintenant il faut pas trop espérer le faire pour 20 millions de liens... mais pour un menu ca peut très bien aller.

**Swoög** · 10/05/2006, 19h46

Envoyé par blueice

Bien sûr que tu peux le faire, il suffit de faire appel aux images

Tu fais un rollover ;-) maintenant il faut pas trop espérer le faire pour 20 millions de liens... mais pour un menu ca peut très bien aller.

Très compliquer pour pas grand chose, en plus JavaScript, risque que ce soit désactivé...

le CSS suffit largement et est bien plus simple à mettre en oeuvre

**blueice** · 10/05/2006, 20h11

Qui a parlé de Javascript ?!!! Je parle de rollovers en CSS pardi !

**Swoög** · 10/05/2006, 20h14

ouf, chuis rassuré, c'est juste que comme t'as parlé d'image et tout aussi

**masu** · 11/05/2006, 01h07

C'est vrai qu'on peu le faire sans images.
il fait enlever le soulignement par defaut car il est de la couleur du text puis rajouter une bordure au passage de la souris.

regarde du coté de la pseudo-class :hover

**pymouse** · 11/05/2006, 09h09

Merci pour votre aide, je vais me penché sur border-bottom et :hover en espérant que j'y arrive ^^

[edit]

Voila c'est résolu :

Code :

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

1
2
3
4
5
6
7
8
a:hover { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px;
color: black;
font-weight: normal; 
text-decoration: none; 
border-bottom: red solid 1px;}

**blueice** · 11/05/2006, 09h20

En fait ca marche parfaitement exemple à l'arrache :

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
35
 
<!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,td,th {
        color: #000066;
}
a:link {
        color:#336666;
        text-decoration: none;
        border-bottom:1px solid #003366;
}
a:visited {
        text-decoration: none;
}
a:hover {
        text-decoration: none;
        border-bottom:1px solid #FF0000;
}
a:active {
        text-decoration: none;
}
 
-->
</style></head>
 
<body>
<a href="#">TOTO</a> et tutu
</body>
 
</html>

[Débutant] Couleurs des liens

HTML

Discussions similaires

Partager

Partager