Tijden veranderen
ul hover werkt niet in IE6
Nu had ik via google gevonden om het op te lossen via een hover.htc bestandje.
Dat heb ik toegevoegd en in me css file gezet maar het werkt nog niet :S
Kan iemand me misschien helpen en vertellen wat ik nog fout doe?
Dit is het stukje van mijn menu in me index pagina:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<div class="menu">
<ul>
<li><a href="#" class='menu'>menu</a>
<ul>
<li><a href="index.php" class='links'>Home</a></li>
<li><a href="about.php" class='links'>About</a></li>
<li><a href="contact.php" class='links'>Contact</a></li>
<li><a href="zoeken.php" class='links'>Zoeken</a></li>
<li><a href="faq.php" class='links'>FAQ</a></li>
</ul>
</li>
</ul>
</div>
<ul>
<li><a href="#" class='menu'>menu</a>
<ul>
<li><a href="index.php" class='links'>Home</a></li>
<li><a href="about.php" class='links'>About</a></li>
<li><a href="contact.php" class='links'>Contact</a></li>
<li><a href="zoeken.php" class='links'>Zoeken</a></li>
<li><a href="faq.php" class='links'>FAQ</a></li>
</ul>
</li>
</ul>
</div>
En dit heb ik in mijn stylesheet staan:
Code (php)
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
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
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
.menu li{
float:left;
position:relative;
z-index:100;
}
.menu a.menu {
font-family: verdana;
font-size: 13px;
font-weight: bold;
color: #cbcbcb;
padding:7px 0;
display:block;
text-decoration:none;
text-align:center;
}
.menu a.menu:hover{
color: #ff6600;
}
.menu a.links {
color: #6d6d6d;
display:block;
width:149px;
padding:6px 0;
font-family: verdana;
font-weight: bold;
background-color: #282828;
text-align:left;
text-indent: 8px;
filter: alpha(opacity=90);
-moz-opacity: .90;
}
.menu a.links:hover{
background-color: #4b4b4b;
color: #ff6600;
}
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
border:1px solid #fff;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
body {
behavior: url(style/hover.htc);
}
list-style-type:none;
padding:0;
margin:0;
}
.menu li{
float:left;
position:relative;
z-index:100;
}
.menu a.menu {
font-family: verdana;
font-size: 13px;
font-weight: bold;
color: #cbcbcb;
padding:7px 0;
display:block;
text-decoration:none;
text-align:center;
}
.menu a.menu:hover{
color: #ff6600;
}
.menu a.links {
color: #6d6d6d;
display:block;
width:149px;
padding:6px 0;
font-family: verdana;
font-weight: bold;
background-color: #282828;
text-align:left;
text-indent: 8px;
filter: alpha(opacity=90);
-moz-opacity: .90;
}
.menu a.links:hover{
background-color: #4b4b4b;
color: #ff6600;
}
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
border:1px solid #fff;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
body {
behavior: url(style/hover.htc);
}
De inhoud van het hover.htc bestandje kan je hier vinden:
http://d-blog.nl/artikel/css-only-menu/hover-in-ie/
Wat doe ik nog verkeerd waardoor het niet wil werken in IE6???
Gewijzigd op 01/01/1970 01:00:00 door Sebasjuh
Er zijn nog geen reacties op dit bericht.