netscape igen, igen:-)

nedenunder har jeg et stykke html, som ikke virker helt efter hensigten :-( den skal nemlig gemme bjælkerne væk når de er ude at <div>'en ,ved hjælp af overflow:hidden commanden. men det gør de bare ikke.

I kan sætte alle mulige andre billeder ind i stedet for plet.jpg, og i skal ikke tage jer af javascriptene:-)

Det skal være sådan at vis jeg har noget af "bjælken" inde i <div>'ens felt, bliver den vist, mens det er "hidden"

Kan i hjælpe mig???

Det skal kun virke i Net-Scape, for jeg har lavet den til IE!!



<html>
<head>
<title>navnet på siden</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language=javascript src=menu.js>
</script>
</head>
<body topmargin="0" leftmargin="0" vlink="black" alink="black">
<center>
<br>
<table width="600" cellspacing="0" cellpadding="0" border="1" style="border: 1px black thin;" bordercolorlight="black" bordercolordark="black">
<tr><td>


<table width="600" cellspacing="0" cellpadding="0" border="0">
<tr><td width="50" height="175">
<img border="0" src="billeder/top2.jpg" width="600">
</td></tr>
</table>


<div width="120" style="width:120px; height:280px; overflow:hidden;">
<table width="120" cellspacing="0" cellpadding="0" border="0">
<!-- menuen /-->
<tr><td style="text-align:center">
<img border="0" src="billeder/menu.jpg">
</td></tr>
<tr height="20">
<td height="24">
&nbsp;
</td>
</tr>
<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt(); window.status='news about amber and this site'; return true" onmouseout="tilbage(); window.status=''; return true;">
<font>news</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:263; left:328" id="menu1">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt2(); window.status='biography and such'; return true"    onmouseout="tilbage2(); window.status=''; return true;">
<font>her life</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:283; left:86" id="menu2">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt3(); window.status='all the stuff related to her work'; return true" onmouseout="tilbage3(); window.status=''; return true; ">
<font>her living</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:303; left:328" id="menu3">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt4(); window.status='pictures, clips, desktop and that kind of stuff'; return true" onmouseout="tilbage4(); window.status=''; return true; ">
<font>multimedia</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:323; left:86" id="menu4">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt5(); window.status='articles and interviews'; return true" onmouseout="tilbage5(); window.status=''; return true; ">
<font>discover her</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:343; left:328" id="menu5">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt6(); window.status='links to other good sites'; return true" onmouseout="tilbage6(); window.status=''; return true; ">
<font>get around</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:363; left:86" id="menu6">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt7(); window.status='link to the place where you can join one of the amber benson fan clubs'; return true" onmouseout="tilbage7(); window.status=''; return true; ">
<font>for the fans</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:383; left:328" id="menu7">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt8(); window.status='interactive forum, guest book and more'; return true" onmouseout="tilbage8(); window.status=''; return true; ">
<font style="position:relative; z-index:5;">get interactive</font>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:403; left:86; z-index:0;" id="menu8">
</td></tr>

<tr height="20">
<td style="text-align:center" height="20" onmouseover="punkt9(); window.status='jump back to the start site'; return true" onmouseout="tilbage9(); window.status=''; return true; ">
<a href="index.html"><font style="position:relative; z-index:5;">sweet home</font></a>
<img border="0" src="billeder/plet.jpg" height="20" width="120" style="-moz-opacity:50%; position:absolute; top:423; left:328; z-index:0;" id="menu9">

</table></div>


</table>
</body>
</html>