Bonjour à tous !
J'ai un menu qui est fait comme ça :
... j'aimerais bien que le background-color de chacun des éléments survolés soit différents les uns des autres.... C'est possible, ou ça le sera quand les poules auront des dents ?
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123 ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: 8em; } ul.MenuBarActive { z-index: 1000; } ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 8em; } ul.MenuBarVertical ul { padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 8em; left: -1000em; top: 0; margin-left: 8em; margin-top: -5px; } ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } ul.MenuBarVertical ul li { width: 8.2em; } ul.MenuBarVertical { border: 1px solid #CCC; } ul.MenuBarVertical ul { border: 1px solid #CCC; } ul.MenuBarVertical a { display: block; cursor: pointer; background-color: #EEE; padding: 0.3em 0.4em; color: #333; text-decoration: none; font-family: Verdana, Geneva, sans-serif; font-size: 11px; border: solid #FFCC00 1px; font-weight: bold; } ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { background-color: #A0C8E2; color: #FFF; } ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #A2CAE4; color: #333; } ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 97% 50%; color: #333; } ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 97% 50%; } ul.MenuBarVertical iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } }
Et si oui, pouvez-vous me donner une piste ?
Merci d'avance !
EV
Partager