[CSS]survol de liens

**norkius** · 26/04/2006, 16h43

Bonjour,

Je débute avec le HTML et le CSS donc soyez indulgents ;-)
Voilà J'ai crée des balises <div> pour faire une table des matières avec des liens qui mènent à des sections de ma page web. J'ai réussi à modifier l'allure de ces liens à l'exception du survol du lien ou rien ne se passe...
Voici mon code :

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

/* table des matières */
tableDesMatieres a:link, a:visited{
font-family: helvetica, sans-serif;
color: lightslategray;
text-decoration: none;
font-size: 10pt;
}
tableDesMatieres a:hover, a:active{
font-family: helvetica, sans-serif;
color: lightslategray;
text-decoration: underline;
font-size: 10pt;
background-color: black;
}

Rien ne se passe quand je passe ma souris sur le lien par contre ça fonctionne au moment du clic...

Merci...

**Maxi-môme** · 26/04/2006, 16h51

montre un peu le code de ta page html

**norkius** · 26/04/2006, 16h53

Voici la partie concernée :

Code :

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

1
2
3
4
5
6
7
8
9
<td valign="top">
<div class="tableDesMatieres">
<ul>
<a href="#Abstract">Abstract<br></a>
<a href="#Introduction">Introduction<br></a>
<a href="#Results">Results<br></a>
</ul>
</div>
</td>

**fred777888999** · 26/04/2006, 17h16

Ton style est presque bon, il faut juste mettre un . devant tableDesMatieres pour signaler que c'est une classe, pas une balise.
Ton html, par contre est plutot

, l'utilisation de balise <br> dans une balise <ul> est un grand moment...
Corrige et non indente, ca peux donner :

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
 
<html>
<head>
<style>
/* table des matières */
.tableDesMatieres a:link, .tableDesMatieres a:visited {
font-family: helvetica, sans-serif;
color: red;
text-decoration: none;
font-size: 10pt;
}
.tableDesMatieres a:hover, .tableDesMatieres a:active {
font-family: helvetica, sans-serif;
color: black;
text-decoration: underline;
font-size: 10pt;
background-color: black;
}</style>
</head>
<body>
<div class="tableDesMatieres">
<ul>
<li><a href="#Abstract">Abstract</a></li>
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Results">Results</a></li>
</ul>
</div>
</form>
</body>
</html>

++
Fred.

**norkius** · 26/04/2006, 17h19

J'ai très honte pour le <br>... Au départ je n'utilisais pas de listes et le <br> est resté !!

Sinon avec le . devant la classe ça fonctionne nickel!! Merci!!

[CSS]survol de liens

CSS

Vue hybride

Discussions similaires

Partager

Partager