Bonjour,
J'ai le CSS suivant qui me permet de faire un menu :
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69 dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: relative; top: 0; left: 0; z-index:100; width: 80%; } #menu dl { float: left; /*width: 8em;*/ margin: 0px; } #menu dt { cursor: pointer; text-align: center; font-weight: bold; /*background: #ccc;*/ /*border: 1px solid #FFFC00;*/ } #menu dd { border: 1px solid #FFFC00; font-weight: lighter; font-size: x-small; font-family: "Times New Roman"; width: 90px; } #menu li { text-align: center; /*background: #fff;*/ background: #B90105; width: 90px; } /*#menu li a,*/ #menu dt a { color: #000; text-decoration: none; display: block; height: 80%; border: 0 none; } #menu li a:hover, #menu dt a:hover { /*background: #eee;*/ background: #FFFC00; } #site { position: absolute; z-index: 1; top : 70px; left : 10px; color: #000; background-color: #ddd; padding: 5px; border: 1px solid gray; } a {text-decoration: none; color: black; color: #222; } a:hover { text-decoration:underline; }
Et voici le menu :
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 <div id="menu"> <dl> <dt onmouseover="javascript:montre('smenu1');"><img src='images/Menu/accueil1.gif' border='0' name='menu1'></dt> <dd id="smenu1"> <ul> <li><a href="#">Sous-Menu 1.1</a></li> <li><a href="#">Sous-Menu 1.2</a></li> <li><a href="#">Sous-Menu 1.3</a></li> </ul> </dd> </dl> <dl> <dt onmouseover="javascript:montre('smenu2');"><img src='images/Menu/club1.gif' border='0' name='menu2'></dt> ...
Malheureusement comme vous pouvez le constater ca ne fonctionne pas beaucoup ...
Tout ne s'affiche pas sur une ligne alors que ca devrait ... Les sous menu sont ouverts alors que la souris ne passe pas dessus ....
Des idées ?
jb
ps : même pb sous FF et IE ...
Partager