Uitschuifmenu IE / Firefox probleem

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_30644988
Ik ben bezig met een uitschuifmenu. Het werkt prima. Er komt geen plaatje bij te pas.
Nu is het probleem dat er bij #sub de positie in Firefox en Internet Explorer de posities ongelijk zijn. Op welke manier kan ik dat oplossen?

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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229		<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="K.V. De Driehoek" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />

<title>Driehoek CSS menu</title>

<table> 
<tr> 
<td>
<p align="center"><a href="index.html" target="_top"><font size="1"><img border="0" src="Home2.gif" width="150" height="150"></font></a></p>
</td> 
</tr> 
</table> 
<p align="center"> </p>

<base target="main">

<style type="text/css">
body 
{
background-image: 
url("Main.jpg");
background-repeat: 
no-repeat;
background-position: 50% 50%;
background-attachment: 
fixed
}
<!-- 
.item{ 
background-color:#FFCC33; 
width:1px; 
margin-left:0px; 
margin-top:5px; 
} 
.sub{ 
widht:1px;
background-color:#663300; 
} 

.link{ 
color:#FFFF00; 
} 

#sub1{ 
position:absolute; 
left:75px; 
top:230px; 
} 

#sub2{ 
position:absolute; 
left:80px; 
top:252px; 
} 

#sub3{ 
position:absolute; 
left:80px; 
top:277px; 
} 

#sub4{ 
position:absolute; 
left:80px; 
top:300px; 
} 

#sub5{ 
position:absolute; 
left:80px; 
top:325px; 
} 

#sub6{ 
position:absolute; 
left:80px; 
top:349px; 
} 

#sub7{ 
position:absolute; 
left:80px; 
top:374px; 
} 

#sub8{ 
position:absolute; 
left:80px; 
top:395px; 
} 

//--> 
</style> 


</head>


 
<!-- Dit is het hoofdmenu -->

<div id="item1"class="item"onMouseOver="show(1)" style="width: 46px; height: 19px">Nieuws</div>  
<div id="item2"class="item"onMouseOver="show(2)" style="width: 65px; height: 19px">Vereniging</div> 
<div id="item3"class="item"onMouseOver="show(3)" style="width: 46px; height: 19px">Teams</div> 
<div id="item4"class="item"onMouseOver="show(4)" style="width: 65px; height: 19px">Competitie</div> 
<div id="item5"class="item"onMouseOver="show(5)" style="width: 46px; height: 19px">Links</div> 
<div id="item6"class="item"onMouseOver="show(6)" style="width: 46px; height: 19px">Archief</div> 
<div id="item7"class="item"onMouseOver="show(7)" style="width: 50px; height: 19px">Contact</div> 
<div id="item8"class="item"onMouseOver="show(8)" style="width: 46px; height: 19px">©</div> 

<!-- Einde hoofdmenu -->


<div id="sub1"class="sub"style="visibility:hidden"onMouseOver="show(1)"onMouseOut="weg(1)">
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=2&sid=73f96bebe3f242a6fdf110948893cfae"class="link">Wedstrijdverslagen</a><br>  
</div> 


<!-- Submenu 2 -->

<div id="sub2"class="sub"style="visibility:hidden"onMouseOver="show(2)"onMouseOut="weg(2)"> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=3"class="link">Historie</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=4"class="link">Statusstieken</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=5"class="link">Lid worden</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=15"class="link">Verjaardagen</a><br> 
</div> 

<!-- Einde submenu 2 -->

<!-- Submenu 3 -->

<div id="sub3"class="sub"style="visibility:hidden"onMouseOver="show(3)"onMouseOut="weg(3)">
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=6"class="link">Junioren/Senioren</a><br>
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=7"class="link">Jeugd</a><br>  
</div> 

<!-- Einde submenu 3 -->

<!-- Submenu 4 -->

<div id="sub4"class="sub"style="visibility:hidden"onMouseOver="show(4)"onMouseOut="weg(4)"> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=8"class="link">Programma</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=9"class="link">Uitslagen</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=10"class="link">Tussenstanden</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=11"class="link">Fluitschema</a><br> 
</div> 

<!-- Einde submenu 4 -->

<!-- Submenu 5 -->

<div id="sub5"class="sub"style="visibility:hidden"onMouseOver="show(5)"onMouseOut="weg(5)"> 
<a href="http://www.noord.knkv.nl/"class="link" target="_new">Bond</a>  
</div> 

<!-- Einde submenu 5 -->

<!-- Submenu 6 -->

<div id="sub6"class="sub"style="visibility:hidden"onMouseOver="show(6)"onMouseOut="weg(6)"> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=12"class="link">Nieuws</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=13"class="link">Uitslagen</a><br> 
<a href="http://127.0.0.1/Nieuws/viewforum.php?f=14"class="link">Foto's</a><br> 
</div> 

<!-- Einde submenu 6 -->

<!-- Submenu 7 -->

<div id="sub7"class="sub"style="visibility:hidden"onMouseOver="show(7)"onMouseOut="weg(7)"> 
<a href="mailto:*****@gmail.com"class="link">Webmaster</a><br> 
<a href="mailto:onbekend@onbekend.nl"class="link">Voorzitter</a><br>
</div> 

<!-- Einde submenu 7 -->

<!-- Submenu 8 -->

<div id="sub8"class="sub"style="visibility:hidden"onMouseOver="show(8)"onMouseOut="weg(8)"> 
<a href="#"class="link">©</a><br> 

<!-- Einde submenu 8 -->

<!-- Javascript die er voor zorgt dat menu's verschijnen en verdwijnen als er met de muis er over heen bewogen wordt. -->

<script type="text/javascript"> 
var ge = new Array('nul','een','twee','drie','vier','vijf','zes','zeven','acht'); 

function show(bla){ 
var bla = parseInt(bla); 
var b = ge[bla]; 
switch(b){ 
case 'een': document.all.sub1.style.visibility  = "visible";weg(2);weg(3);weg(4);weg(5);weg(6);weg(7);weg(8);break; 
case 'twee': document.all.sub2.style.visibility = "visible";weg(1);weg(3);weg(4);weg(5);weg(6);weg(7);weg(8);break;
case 'drie': document.all.sub3.style.visibility = "visible";weg(1);weg(2);weg(4);weg(5);weg(6);weg(7);weg(8);break; 
case 'vier': document.all.sub4.style.visibility = "visible";weg(1);weg(2);weg(3);weg(5);weg(6);weg(7);weg(8);break; 
case 'vijf': document.all.sub5.style.visibility = "visible";weg(1);weg(2);weg(3);weg(4);weg(6);weg(7);weg(8);break; 
case 'zes': document.all.sub6.style.visibility  = "visible";weg(1);weg(2);weg(3);weg(4);weg(5);weg(7);weg(8);break;
case 'zeven': document.all.sub7.style.visibility = "visible";weg(1);weg(2);weg(3);weg(4);weg(5);weg(6);weg(8);break;
case 'acht': document.all.sub8.style.visibility = "visible";weg(1);weg(2);weg(3);weg(4);weg(5);weg(6);weg(7);break;
} 
} 

function weg(bl){ 
var cl = parseInt(bl); 
var ljd = ge[cl]; 
switch(ljd){ 
case 'een': document.all.sub1.style.visibility = "hidden"; break; 
case 'twee': document.all.sub2.style.visibility = "hidden"; break;
case 'drie': document.all.sub3.style.visibility = "hidden"; break; 
case 'vier': document.all.sub4.style.visibility = "hidden"; break; 
case 'vijf': document.all.sub5.style.visibility = "hidden"; break; 
case 'zes': document.all.sub6.style.visibility = "hidden"; break; 
case 'zeven': document.all.sub7.style.visibility = "hidden"; break; 
case 'acht': document.all.sub8.style.visibility = "hidden"; break; 
} 
} 
</script> 


</body>

</html>


[ Bericht 31% gewijzigd door Burner2000 op 16-09-2005 23:17:55 ]
History can't change the past, the future can.
pi_30645052
Geen antwoord op je vraag, maar ik zou in ieder geval van "Argief" archief maken. .
pi_30645181
quote:
Op vrijdag 16 september 2005 20:03 schreef kLowJow het volgende:
Geen antwoord op je vraag, maar ik zou in ieder geval van "Argief" archief maken. .
Bedankt voor het opmerken van een lelijke fout.

Ik kan het btw op niet editen op het forum. Zeker iets te veel van het goede voor de database blijkbaar.

[ Bericht 19% gewijzigd door Burner2000 op 16-09-2005 20:13:24 ]
History can't change the past, the future can.
pi_30649858
Nee, geen idee, en je html is een beetje een zooitje, om eerlijk te zijn.

Ik kan je overigens wel deze pagina aanraden.
Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars
pi_30669039
quote:
Op vrijdag 16 september 2005 22:34 schreef Berkery het volgende:
Nee, geen idee, en je html is een beetje een zooitje, om eerlijk te zijn.

Ik kan je overigens wel deze pagina aanraden.
Op welk punt vind je het een zooitje?

http://www.alistapart.com/d/horizdropdowns/horizontal.htm hier staat het volledige voorbeeld, maar hier staat niet alles in 1 bestand. Dat heb ik liever wel.

Het enige is dat ik het probleem heb met de positie die niet gelijk wordt weergegeven in IE en Firefox. Voor de rest werkt het prima.

Ik zoek nu even of er een IF statement mogelijk is. Mocht iemand een goed voorbeeld weten dan hoor ik het graag. Het mag ook in PHP, alleen mijn kennis is op PHP gebied bijna 0,0.
History can't change the past, the future can.
pi_30674229
quote:
Op zaterdag 17 september 2005 17:42 schreef Burner2000 het volgende:

[..]

Op welk punt vind je het een zooitje?
Geen startende body-tag, html in de head die daar niet thuis hoort...
Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
Ich schlupf in Frauenkleider, und lummel mich in Bars
pi_30674630
Waarom het een zooitje is?

  • De DOCTYPE ontbreekt
  • Er staat een table in de head-section
  • <body> ontbreekt
  • Je gebruikt afgekeurde constructies als align="", <font>, document.all
  • Er ontbreken spaties tussen de attributen
  • Je gebruikt een totaal overbodige switch
  • Parameters "bla", "bl" en "ljd"
  • Javascript hoort in de head-section, liever nog in een extern bestand

    Het verschil in positie zou wel eens aan de margin/padding op de body kunnen liggen.
    • Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    actieve topics nieuwe topics
    abonnement Unibet Coolblue
    Uitschuifmenu IE / Firefox probleem
    Index

    » digital corner

    Forum Opties
    Forumhop:
    Hop naar:
    (afkorting, bv 'KLB')