Ik heb het suckerfish menu werkend. De menuitems zijn nu blauw en worden lichtblauw als je er over heen gaat. Ik wil dat alleen de submenu's die er onder uit komen rood worden en licht rood als je er over heen gaat. De hoofdmenu's moeten wel blauw blijven. Alleen krijg ik dat niet voor elkaar.
Wie weet hoe dit moet en of dit mogelijk is?
Dit is mijn CSS:
Wie weet hoe dit moet en of dit mogelijk is?
Dit is mijn CSS:
Cascading Stylesheet:
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
| #nav, #nav ul { padding: 0px; margin: 0px; list-style: none; } #nav a { display: block; width: 62px; height: 15px; padding: 7px; text-decoration: none; background: #0f074e; color: #FFFFFF; font-family: Verdana, Helvetica, Arial Sans-serif; font-size: 9px; font-weight: bold; text-decoration: none; background-color: #0f074e; border-left: 1px solid #e872af; border-right: 1px solid #e872af; border-top: 1px solid #e872af; } #nav a:hover { background-color: #0f074e; color: #a7d050; } #nav li { float: left; width: 75px; } #nav li ul { position: absolute; width: 75px; left: -999em; } /* aanpassingen submenu: */ #nav li ul ul { margin: -20px 0 0 147px; background-color: #d8127b; color: #0f074e; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; background-color: #e871b0; color: #0f074e; } /* einde aanpassingen */ #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } |