Heey,
Heb een probleem met mijn menutje, die hier te zien is: http://www.kbskameleon.nl/kameleon2/ ik heb de website ook nog ergens anders online staan om beetje mee te testen http://www.ullc.nl/kameleon2/ maar hier doet ie het prima terwijl hij precies hetzelfde is ?!
In IE verwijnen die rode pijtljes en komen dan weer terug.. En ze moeten gewoon blijven staan.
wie ziet wat er fout is?
Heb een probleem met mijn menutje, die hier te zien is: http://www.kbskameleon.nl/kameleon2/ ik heb de website ook nog ergens anders online staan om beetje mee te testen http://www.ullc.nl/kameleon2/ maar hier doet ie het prima terwijl hij precies hetzelfde is ?!
In IE verwijnen die rode pijtljes en komen dan weer terug.. En ze moeten gewoon blijven staan.
wie ziet wat er fout is?
code:
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
| body {
background: #EBEBEB;
behavior:url("csshover.htc");
}
#menu * {
font-family: Century Gothic, Arial, Helvetica, sans-serif ;
font-size:12px;
color:white;
}
/* the menu */
#menu ul,#menu li,#menu a {
display:block;
margin:0;
padding:0;
border:0;
}
#menu ul {
width:150px;
background:#5B3C66;
list-style:none;
}
#menu li {
position:relative;
padding:1px;
padding-left:10px;
background:url("menuicoon.gif") no-repeat;
z-index:9;
}
#menu li.folder { background:url("menuicoon.gif") no-repeat; }
#menu li.folder ul {
position:absolute;
left:120px; /* IE */
top:5px;
border:1px solid #9d9da1;
}
#menu li.folder>ul { left:140px; } /* others */
#menu a {
padding:2px;
border:0;
text-decoration:none;
color:white;
font-weight:normal;
width:100%; /* IE */
}
#menu li>a { width:auto; } /* others */
#menu li a.submenu {
}
/* regular hovers */
#menu a:hover {
border-color:gray;
background-color:#8F8FCB;
color:black;
}
#menu li.folder a:hover {
background-color:#8F8FCB;
}
/* hovers with specificity */
#menu li.folder:hover { z-index:10; }
#menu ul ul,#menu li:hover ul ul {
display:none;
}
#menu li:hover ul,#menu li:hover li:hover ul {
display:block;
} |