nicht angemeldet
Hi zusammen
hab ein kleines Problem. Ich hab mit css positionierte Bilder mit zugehörigem Text. Bei einem onMouseover soll jeweils ein bestimmter Text erscheinen. Beim IE klappt alles wunderprächtig, der Netscape4.x jedoch weigert sich ein onMouseover durchzuführen. Werden die Bilder nicht positioniert klappt alles wunderprächtig, sieht aber bescheiden aus. Hoffe jemand hat eine Lösung.
Besten Dank
By Goofy
Hier die aufs wesentlichste beschränkte Seite:
<HTML>
<HEAD>
<style type="text/css">
<!--
#bild1{position:absolute;top:50px; left:300px; visibility:visible;width:200px;height:200px;}
#bild2{position:absolute;top:0px; left:495px; visibility:visible;width:200px;height:200px;}
#bild3{position:absolute;top:170px; left:95px; visibility:visible;width:200px;height:200px;}
#bild4{position:absolute;top:280px; left:310px; visibility:visible;width:200px;height:200px;}
#bild5{position:absolute;top:180px; left:490px; visibility:visible;width:200px;height:200px;}
#text1{position:absolute;top:50px; left:50px; visibility:hidden; width:200px;height:200px;}
#text2{position:absolute;top:50px; left:50px; visibility:hidden; width:200px;height:200px;}
#text3{position:absolute;top:50px; left:50px; visibility:hidden; width:200px;height:200px;}
#text4{position:absolute;top:50px; left:50px; visibility:hidden; width:200px;height:200px;}
#text5{position:absolute;top:50px; left:50px; visibility:hidden; width:200px;height:200px;}
-->
</style>
<script language="JavaScript">
<!--
var isDOM = document.getElementById?true:false;
var isDomNN = document.layers?true:false;
var isDomIE = document.all?true:false;
function text(nr)
{
for (var i=1;i<6;i++)
{
if (isDOM) document.getElementById("text"+i).style.visibility="hidden";
if (isDomIE) document.all["text"+i].style.visibility="hidden";
if (isDomNN) document.layers["text"+i].visibility="hidden";
}
if (isDOM) document.getElementById("text"+(nr)).style.visibility="visible";
if (isDomIE) document.all["text"+(nr)].style.visibility="visible";
if (isDomNN) document.layers["text"+(nr)].visibility="visible";
}
//-->
</script>
</HEAD>
<BODY bgcolor="black" bgproperties="fixed" text="white" link="white" vlink="white" alink="white">
<div id="text1">bla1</div>
<div id="text2">bla2</div>
<div id="text3">bla3</div>
<div id="text4">bla4</div>
<div id="text5">bla5</div>
<div id="bild2"><img src="2.jpg" width=160 onMouseover="text(2)"></div>
<div id="bild1"><img src="1.jpg" width=200 onMouseover="text(1)"></div>
<div id="bild3"><img src="3.jpg" width=230 onMouseover="text(3)"></div>
<div id="bild4"><img src="4.jpg" width=180 onMouseover="text(4)"></div>
<div id="bild5"><img src="5.jpg" width=200 onMouseover="text(5)"></div>
</body>
</html>