Toon posts:

IE bug?? of fout in scripting, hoe te verhelpen (HTML)

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,
Ik heb sinds kort een menu gemaakt in HTML/css, maar zodra ik dat menu ga bekijken in IE dan werkt de a:hover niet goed, de knoppen blijven namelijk vaak oplichtend, in mozilla werkt alles wel gewoon goed wat kan ik hieraan doen?? Behalve Mozilla laten downloaden op de site?.
Dit is het "script"
HTML:
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
<html>
<head>
<title></title>
<meta content="">
<style>
#menu {list-style:none;margin:0;padding:0px}
#menu {margin:0;padding:1px;border:0px solid black}

#menu a div {width:100px;height:20px;}

#menu a #knop1 {background-image:url(pics/nieuws.jpg); position:absolute; top:65px; left: 22px}
#menu a:hover #knop1 {background-image:url(pics/nieuws2.jpg)}

#menu a #knop2 {background-image:url(pics/vandaag.jpg); position:absolute; top:85px; left: 22px}
#menu a:hover #knop2 {background-image:url(pics/vandaag2.jpg)}

#menu a #knop3 {background-image:url(pics/top10.jpg); position:absolute; top:105px; left: 22px}
#menu a:hover #knop3 {background-image:url(pics/top102.jpg)}

#menu a #knop4 {background-image:url(pics/review.jpg); position:absolute; top:125px; left: 22px }
#menu a:hover #knop4 {background-image:url(pics/review2.jpg)}

#menu a #knop5 {background-image:url(pics/trailers.jpg); position:absolute; top:145px; left: 22px}
#menu a:hover #knop5 {background-image:url(pics/trailers2.jpg)}

#menu a #knop6 {background-image:url(pics/forum.jpg); position:absolute; top:165px; left: 22px}
#menu a:hover #knop6 {background-image:url(pics/forum2.jpg)}

#menu a #knop7 {background-image:url(pics/about.jpg); position:absolute; top:185px; left: 22px}
#menu a:hover #knop7 {background-image:url(pics/about2.jpg)}

</style>
</head>
<body background="pics/raster.jpg">

<p></p>
<div id="menu">

<a href="menu/nieuws.htm" target="_onder"><div id="knop1"></div></a></li>
<a href="menu/dag.htm" target="_onder"><div id="knop2"></div></a></li>
<a href="menu/top10.htm" target="_onder"><div id="knop3"></div></a></li>
<a href="menu/reviews.htm" target="_onder"><div id="knop4"></div></a></li>
<a href="menu/trailers.htm" target="_onder"><div id="knop5"></div></a></li>
<a href="../forum/index.php" target="_blank"><div id="knop6"></div></a></li>
<a href="menu/about.htm" target="_onder"><div id="knop7"></div></a></li>


</div>
</body>
</html>

[ Voor 20% gewijzigd door crisp op 01-09-2004 14:39 . Reden: code tags toegevoegd ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:12

crisp

Devver

Pixelated

een div (blocklevel element) in een anchor (inline element) magnie ;)
zet gewoon je anchor op display: block; en definieer daar direct je background-images op.

ps: gebruik voortaan aub de [ code ] tags

[ Voor 54% gewijzigd door crisp op 01-09-2004 14:39 ]

Intentionally left blank


  • LauPro
  • Registratie: Augustus 2001
  • Laatst online: 22-05 15:44

LauPro

Prof Mierenneuke®

Dit dus:
XML:
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
<html>
<head>
<title></title>
<meta content="">
<style>
#menu ul {list-style:none;margin:0;padding:0px}
#menu ul li {margin:0;padding:1px;border:0px solid black}

#menu ul li a {display:block; width:100px;height:20px;}

#menu ul li a#knop1 {background-image:url(pics/nieuws.jpg); position:absolute; top:65px; left: 22px}
#menu ul li a#knop1:hover {background-image:url(pics/nieuws2.jpg)}

#menu ul li a#knop2 {background-image:url(pics/vandaag.jpg); position:absolute; top:85px; left: 22px}
#menu ul li a#knop2:hover {background-image:url(pics/vandaag2.jpg)}

#menu ul li a#knop3 {background-image:url(pics/top10.jpg); position:absolute; top:105px; left: 22px}
#menu ul li a#knop3:hover {background-image:url(pics/top102.jpg)}

#menu ul li a#knop4 {background-image:url(pics/review.jpg); position:absolute; top:125px; left: 22px }
#menu ul li a#knop4:hover {background-image:url(pics/review2.jpg)}

#menu ul li a#knop5 {background-image:url(pics/trailers.jpg); position:absolute; top:145px; left: 22px}
#menu ul li a#knop5:hover {background-image:url(pics/trailers2.jpg)}

#menu ul li a#knop6 {background-image:url(pics/forum.jpg); position:absolute; top:165px; left: 22px}
#menu ul li a#knop6:hover {background-image:url(pics/forum2.jpg)}

#menu ul li a#knop7 {background-image:url(pics/about.jpg); position:absolute; top:185px; left: 22px}
#menu ul li a#knop7:hover {background-image:url(pics/about2.jpg)}

</style>
</head>
<body background="pics/raster.jpg">

<p></p>
<div id="menu">
<ul>
<li><a href="menu/nieuws.htm" target="_onder" id="knop1"></a></li>
<li><a href="menu/dag.htm" target="_onder" id="knop2"></a></li>
<li><a href="menu/top10.htm" target="_onder" id="knop3"></a></li>
<li><a href="menu/reviews.htm" target="_onder" id="knop4"></a></li>
<li><a href="menu/trailers.htm" target="_onder" id="knop5"></a></li>
<li><a href="../forum/index.php" target="_blank" id="knop6"></a></li>
<li><a href="menu/about.htm" target="_onder" id="knop7"></a></li>
</ul>

</div>
</body>
</html>

edit: oja crisp :X

[ Voor 91% gewijzigd door LauPro op 01-09-2004 15:46 . Reden: list moet er wel bij ;) ]

Inkoopacties - HENK terug! - Megabit
It is a war here, so be a general!


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:12

crisp

Devver

Pixelated

nee, de juiste syntax is:
code:
1
a#knop2:hover


en wat doen die verdwaalde </li>'s er eigenlijk?

[ Voor 38% gewijzigd door crisp op 01-09-2004 15:43 ]

Intentionally left blank