Hallo Ihr Lieben, ich habe mir ein Menu anhand eines Muster minimiert, soll am Ende als menu.inc includiert werden. Im FFox ist auch alles prima, nur im IE gibts Probleme: "Das Ausführen von Skripts bzw. ActiveX-Steuerelementen, die auf den Computer zugreifen können, wurde für diese Webseite aus Sicherheitsgründen eingeschränkt..."
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
font-weight: bold;
border: none;
background: #bfe1ff;
}
dl#menu dd {
border: none;
}
dl#menu li {
margin: 5 auto 5 5;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: none;
height: 100%
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #39ace6;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{
background-color: #369;
color: #fff;
}
-->
</style>
</head>
<body>
<dl id="menu">
<dt onclick="javascript:montre();"><a href="#">Home</a></dt>
<dt onclick="javascript:montre('smenu2');"><a href="#">Seite2</a></dt>
<dd id="smenu2">
<ul>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');"><a href="#">Seite3</a></dt>
<dd id="smenu3">
<ul>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');"><a href="#">Seite4</a></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
<li><a href="#">Unterseite</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');"><a href="#">Huhu:)</a></dt>
</dl>
</body>
</html>
Weiß wer Rat, wie kann ich das fixen?
Lieben Gruß Sama
LinkBack URL
About LinkBacks
Zitieren
.. ich wüsste auch nicht, wie man das ändern könnte - ist ja im prinzip ne sicherheitseinschränkung des nutzers, und hat mit deinem code nichts zu tun ..
