nicht angemeldet
Ich habe ein einfaches aber schickes Menu mit CSS gebastelt. Es is ein "pulldown" Menu: bei einem Link kommen andere links runter wenn man mit der Maus über diesen Link geht. Das Problem ist aber, dass wenn ich meine Seite mit IE starte, blockiert mir der Browser diesen Pulldown-Inhalt, weil er es als ein Popup hält. Wie kann ich dass verhindern?
Am besten gebe ich euch den Code:
------------------------------------------------------------------------
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible"
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}
</script>
<style type="text/css">
body {font-family:sylfaen;}
a.menu {float:left; width:85px; text-decoration:none; color:white;
background-color:#0d1b83; padding:1px 7px;
border-right:2px solid white; font-family:sylfaen;
font-size:13pt;}
a.menu:hover {background-color:#BF0000; color:white;}
table.altro {position:absolute; top:28px; left: 406px;
visibility:hidden;}
</style>
</head>
<body>
<table bgcolor="#0d1b83" width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="80">
<a class="menu" target="site" href="site-home.html">Home</a></td>
<td width="80">
<a class="menu" target="site" href="site-testi.html">Testi</a></td>
<td width="80">
<a class="menu" target="site" href="site-autori.html">Autori</a></td>
<td width="80">
<a class="menu" target="site" href="site-contatto.html">Contatto
</a></td>
<td width="80" onmouseover="showmenu('altro')" onmouseout="hidemenu('altro')">
<a class="menu">Altro</a><br />
<table class="altro" id="altro" width="120">
<tr>
<td class="altro"><a class="menu" href="site-links.html">Links</a>
</td>
</tr>
<tr>
<td class="altro">
<a class="menu" href="http://freeforumzone.leonardo.it/?89292">
Forum</a>
</td>
</tr>
<tr><td class="altro">
<a class="menu" href="site-staff.html">Staff</a></td></tr>
</table>
</td>
<td width="*" align="right">clock</td>
</tr>
</table>
</body>
</html>
---------------------------------------------------------------------