Ik ben bezig met een website en gebruik daarbij een dropdown menu'tje, het enige probleem is dat er nu ruimte zit tussen de buttons en het logo.
De code waar dit volgens mij in fout zit:
Heeft iemand een idee hoe ik dit kan fixen
?
De code waar dit volgens mij in fout zit:
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
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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
| /* 0 padding voor alle elements */
#dropDownMenu,
#dropDownMenu * {margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#dropDownMenu {
position:relative;
background:# no-repeat 100% 50%;
width:850px; /* mj dit was 50em, misschien beter om em unit te houden.. */
max-width:100%;
float:none;
margin-bottom:2px;
border-bottom:2px;
/* custom style */
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
/* sub-menu ULs */
#dropDownMenu li ul {
width:11em !important;/* ruimte voor padding */
cursor:default;
position:absolute;
height:auto;
display:none;
left:-10px;
padding:0px 10px 10px 10px;
/* Link dit in naar een lege image */
/*background:url(images/spacer.gif);*//* trick to keep'em open */
}
/* All LIs */
#dropDownMenu li {
position:relative;
/*width:8.30em;
max-width:16.5%;*/
cursor:pointer;
float:left;
list-style-type:none;
font-weight:bold;
}
/* sub-menu LIs */
#dropDownMenu li ul li {
width:10em/*FF*/;
padding:0;
border:none;
max-width:120%;
border:0px solid #333;
border-top:none;
}
/* All anchors */
#dropDownMenu li a {
cursor:default;
color:#666;
border-left:0ngpx solid #333;
text-decoration:none;
display:block;
float:left;
padding:0 0em;
/* uncomment the declaration below if you want to go "full width" */
/* width:7.47em; */
height:2em;
line-height:em;
}
/* sub-menu Anchors */
#dropDownMenu li ul li a {
width:9em/*FF*/;
position:relative !important; /* ie Mac */
cursor:pointer !important;
white-space:nowrap;
line-height:1.7em;
height:1.4em;
font-weight:normal;
border:0px solid #fff;
color:#666;
background-position:0 50% !important;
}
/* :hover and stuff */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color: !important;background:}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level */
/* didn't find a solution for users going back from the last one. I prefer */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper */
#dropDownMenu li#Home {z-index:6;}
#dropDownMenu li#Omgeving {z-index:5;}
#dropDownMenu li#Woningen {z-index:4;}
#dropDownMenu li#KR {z-index:3;}
#dropDownMenu li#ST {z-index:2;}
#dropDownMenu li#UZ {z-index:1;}
/* Current location - class on Body must match LI's id */
.Home #dropDownMenu li#menuHome a,
.Omgeving #dropDownMenu li#menuOmgeving a,
.Woningen #dropDownMenu li#menuWoningen a,
.KR #dropDownMenu li#KR a,
.ST #dropDownMenu li#ST a,
.UZ #dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
.Home #dropDownMenu li#menuHome ul,
.Omgeving #dropDownMenu li#menuOmgeving ul,
.Woningen #dropDownMenu li#menuWoningen ul,
.KR #dropDownMenu li#KR ul,
.ST #dropDownMenu li#ST ul,
.UZ #dropDownMenu li#UZ ul {display:block;top:-1000px}
/* background colors */
#menuHome,#menuHome li a {background-color:#FF8A00;}
#menuOmgeving,#menuOmgeving li a {background-color:;}
#GJ,#GJ li a {background-color:#ffffff;}
#KR,#KR li a {background-color:#ffffff;}
#ST,#ST li a {background-color:#ffffff;}
#UZ,#UZ li a {background-color:#ffffff;}
/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */ /* Gabi: verander UZ hier in de id van de laatste menu item.. */
#dropDownMenu li#UZ ul {left:-2.3em !important;}
/* If JS is OFF we need to style the links in the sub-menu of the current page */
/* so they are accessible to keyboard users. Using a class on each link would let */
/* us stick each link in the same place, but we would have to plug a lot of */
/* attributes in the markup and many rules here, so... */
.Home #dropDownMenu li#menuHome ul li a:focus,
.Home #dropDownMenu li#menuHome ul li a:active,
.CF #dropDownMenu li#CF ul li a:focus,
.CF #dropDownMenu li#CF ul li a:active,
.GJ #dropDownMenu li#GJ ul li a:focus,
.GJ #dropDownMenu li#GJ ul li a:active,
.KR #dropDownMenu li#KR ul li a:focus,
.KR #dropDownMenu li#KR ul li a:active,
.ST #dropDownMenu li#ST ul li a:focus,
.ST #dropDownMenu li#ST ul li a:active,
.UZ #dropDownMenu li#UZ ul li a:focus,
.UZ #dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;} |
Heeft iemand een idee hoe ik dit kan fixen
?
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/87691/avatar_alex.jpg?f=community){kind=avatar}
