Ik heb in IE een site gemaakt met een drop down menu. Het probleem is nu dat Internet Explorer het menu niet goed inlees. Firefox laat echter een perfect werkend menu zien.
In IE6 is het menu wel uitgelijnd maar laat hij niet het volledige menu zien. In IE7 laat die het menu aan de verkeerde kant zien.
De code die ik gebruikt heb is als volgt iemand die hier iets fout in kan ontdekken?
In IE6 is het menu wel uitgelijnd maar laat hij niet het volledige menu zien. In IE7 laat die het menu aan de verkeerde kant zien.
De code die ik gebruikt heb is als volgt iemand die hier iets fout in kan ontdekken?
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
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>testje</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<script language="javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<body>
<div class="Bovenkant">
<img src="banner.jpg" />
</div>
<center>
<ul id="nav">
<li><a href="index.html">Home</a>
<ul>
</ul>
</li>
<li>test
<ul>
<li><a href="">Test
</a></li>
<li><a href="">test 3</a></li>
</ul>
</li>
<li>Test2
<ul>
<li><a href="">test1
</a></li>
</ul>
</li>
<li>Test
<ul>
<li><a href="">Test 33</a></li>
<li><a href="">Test34</a></li>
</ul>
</li>
<li>TEST
<ul>
<li><a href="">test 1
</a></li>
<li><a href="">test 2</a></li>
<li><a href="">test 3</a></li>
</ul>
</li>
<li>test
<ul>
<li><a href="">test
</a></li>
</ul>
</li>
</ul>
<div class="Lmenu">
<a href="#">Wie zijn wij</a><br />
<a href="#">Contact</a>
</div>
<div class="Text">
<P ALIGN="LEFT"><img src="blokje.jpg" /> <font size=4> Home </font>
<br /><br /><br />
tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
</div>
<div class="Bottom">
Blaat
</div>
</body>
</html> |
Ik vrees niet de man die 10.000 trappen heeft beoefend maar de man die 1 trap 10.000 keer heeft geoefend