bonjour,
j'aimerais que dans le menu js suivant lorsque l'on survole le lien langues celui-ci reste aussi en gras
html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <dl id="menu"> <dt onmouseover="javascript:montre('smenu');" onmouseout="javascript:montre();" id="langues"> <a href="#">Langues</a> </dt> <dd id="smenu" onmouseover="javascript:montre('smenu');" onmouseout="javascript:montre();"> <ul> <li><a href="#">Français</a></li> <li><a href="#">Dutch</a></li> </ul> </dd> </dl>
js
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu')) {document.getElementById('smenu').style.display='none';} } if (d) {d.style.display='block';} }
CSS
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55 dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; top: 102px; right: 75px; width: 70px; text-align: center; } #menu dt { cursor: pointer; height: 15px; line-height: 15px; margin: 0 0; font-size: 10px; } #menu dd { position: absolute; z-index: 100; margin: 0 0 0 0; width: 65px; background: white; border: 1px solid gray; } #menu ul { padding: 2px; } #menu li { text-align: center; font-size: 10px; height: 18px; line-height: 18px; } #menu li a, #menu dt a { color: #6A73AC; text-decoration: none; display: block; } #menu dt a:hover { /*border: 1px solid #6A73AC;*/ font-weight: bold; font-size: 11px; } #menu li a:hover { text-decoration: underline; }
Partager