Ich habe ein Menu in dem ich die einzellnen Ellemente aus Designgründen Pixelgenau positionieren muss. Unter Netscape sind die Button dann aber nicht mehr Dynamisch, weil OnMouseOver Event nicht eintritt wenn man mit der Maus drüber geht. Aber warum?
Hier der Code:
<html>
<head>
<style type="text/css">
<!--
.hed { position:absolute; top:2px; left:0px;}
.menu1 { position:absolute; top:14px; left:18px;}
.menu2 { position:absolute; top:78px; left:18px;}
.menu3 { position:absolute; top:134px; left:18px;}
.menu4 { position:absolute; top:206px; left:18px;}
.menu5 { position:absolute; top:270px; left:18px;}
.menu6 { position:absolute; top:334px; left:18px;}
.menu7 { position:absolute; top:395px; left:50px; font-size:10px; color:#7B9BB4;}
//-->
</style>
<script language="JavaScript">
<!--
stat();
Normal1 = new Image();
Normal1.src = "home1.jpg";
Highlight1 = new Image();
Highlight1.src = "home2.jpg";
Normal2 = new Image();
Normal2.src = "pt81.jpg";
Highlight2 = new Image();
Highlight2.src = "pt82.jpg";
Normal3 = new Image();
Normal3.src = "profil1.jpg";
Highlight3 = new Image();
Highlight3.src = "profil2.jpg";
Normal4 = new Image();
Normal4.src = "projekte1.jpg";
Highlight4 = new Image();
Highlight4.src = "projekte2.jpg";
Normal5 = new Image();
Normal5.src = "kontakt1.jpg";
Highlight5 = new Image();
Highlight5.src = "kontakt2.jpg";
Normal6 = new Image();
Normal6.src = "links1.jpg";
Highlight6 = new Image();
Highlight6.src = "links2.jpg";
function stat ()
{
status="NESTECS - PrjektTeam 8 - Simply the Best";
setTimeout("stat()",1);
}
function Bildwechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
//-->
</script>
</head>
<body background="bg1.jpg" text="#36BEA3" onLoad="status='NESTECS - PrjektTeam 8 - Simply the Best'" link="#36BEA3" alink="#36BEA3" vlink="#36BEA3">
<table cellspacing="0" width="100%" height="100%">
<tr valign="top" class="hed"><td><img src="menu.jpg"></td></tr>
<tr valign="top" class="menu1"><a href="home.htm" target="main"><td onMouseOver="Bildwechsel(1,Highlight1)" onMouseOut="Bildwechsel(1,Normal1)"><img border="0" src="home1.jpg"></td></a></tr>
<tr valign="top" class="menu2"><a href="pt8.htm" target="main"><td onMouseOver="Bildwechsel(2,Highlight2)" onMouseOut="Bildwechsel(2,Normal2)"><img border="0" src="pt81.jpg"></td></a></tr>
<tr valign="top" class="menu3"><a href="profil.htm" target="main"><td onMouseOver="Bildwechsel(3,Highlight3)" onMouseOut="Bildwechsel(3,Normal3)"><img border="0" src="profil1.jpg"></td></a></tr>
<tr valign="top" class="menu4"><a href="projekte.htm" target="main"><td onMouseOver="Bildwechsel(4,Highlight4)" onMouseOut="Bildwechsel(4,Normal4)"><img border="0" src="projekte1.jpg"></td></a></tr>
<tr valign="top" class="menu5"><a href="kontakt.htm" target="main"><td onMouseOver="Bildwechsel(5,Highlight5)" onMouseOut="Bildwechsel(5,Normal5)"><img border="0" src="kontakt1.jpg"></td></a></tr>
<tr valign="top" class="menu6"><a href="links.htm" target="main"><td onMouseOver="Bildwechsel(6,Highlight6)" onMouseOut="Bildwechsel(6,Normal6)"><img border="0" src="links1.jpg"></td></a></tr>
<tr valign="top" class="menu7"><a href="JavaScript:alert('©Copyright 2001 by PT 8')" target="main"><td>©2001 by PT 8</td></a></tr>
</table>
</body>
</html>
THX im Vorraus
Andre M.