nicht angemeldet
Hallo,habe zwar viel gesucht aber irgendwie keine konkrete Antwort gefunden,daher wollte ich hier mal nachfragen.
Habe einen Code fertig gemacht(ist nicht sehr sauber geschrieben,bin aber au erst am Anfang :-P) der Code ist ein Pulldown Menü. dieses funktioniert auch wenn ich nur diese Seite aufruf,nun will ich es aber in ein frameset packen, habe ich getan, sobald ich das framese aufruf, zeigt er zwar alles an, aber es kommt kein pull down Menü mehr beim mousover oder beim klicken oder sonstiges,nun zu der frage.
Was muss ich noch reinschreiben damit es auch im frameset angezeigt wird??
Hier der Code:
<html>
<head>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("topMenu").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "silver";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Pulldown Menü</title>
<style type="text/css">
<!--
body {background:url(navigationsliste/Schleife.png) no-repeat center center fixed; }
html,body,div,ul,li {
margin: 0;
padding: 0;
border: 0;
}
body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
width:;
margin-top:;
margin-left: ;
margin-right: ;
text-align: left;
}
/* Menü Start */
#wrapper ul#topMenu {
list-style: none;
}
#wrapper ul#topMenu li {
text-align: center;
display: block;
float: left;
height: 50px;
width: 100px;
}
#wrapper ul#topMenu li a {
line-height: 60px;
text-decoration: none;
background: "#8b0000";
display: block;
color: #ff8c00;
}
#wrapper ul#topMenu li a:hover {
background: #b22222;
}
#wrapper ul#topMenu ul#subMenu {
display: none;
}
#wrapper ul#topMenu li:hover ul#subMenu {
display: block;
position: relative;
top: 65px;
left: 250px;
z-index: 1;
}
#wrapper ul#topMenu li:hover ul#subMenu li {
clear: left;
}
/* Menü Ende */
.clearfix {
clear: both;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<ul id="topMenu">
<body style="background-color:#778899">
<li><a href="#"><img src="navigationsliste/Restaurant.png" border=0 alt="Restaurant"style="position:absolute; bottom:45%; left:20%;"></a>
<ul id="subMenu"style="position:absolute;top:485px; left:500px;">
<li><a href="#">bumsi</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
</ul>
</li>
<li><a href="#"><img src="navigationsliste/Events.png" border=0 alt="Events"style="position:absolute; bottom:45%; left:45%;"></a>
<ul id="subMenu"style="position:absolute;top:485px; left:925px;">
<li><a href="#">Test 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
</ul>
</li>
<li><a href="#"><img src="navigationsliste/Service.png" border=0 alt="Service"style="position:absolute; bottom:45%; left:67%;"></a>
<ul id="subMenu" style="position:absolute;top:485px; left:1350px;">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul>
</li>
</ul>
<div class="clearfix"></div>
</div>
</body>
</html>
ich hoffe ihr könnt mir da helfen.
Vielen lieben dank schonmal für eure mühen:-)