MisterCode
Neues Mitglied
Hallo, ich habe folgendes Problem!
Ich habe hier 5 Punkte mit Subpunkten! also wenn ich mit der maus drüber fahre, kommt rechts ein untermenü!
bei den Punkt "Hauptmenü" gibt es aber ein problem! und zwar: wenn ich einmal drüber fahre öffnet sich das untermenü! wenn ich dann über ein anderes fahre sollte es wieder verschwinden und das andere sich öffnen! es verschwindet einfach nicht! bei den anderen 4 punkten geht das aber! kann mir wer helfen?
hier der code von index.html
hier der code vom stylesheet.css
danke im voraus!
Ich habe hier 5 Punkte mit Subpunkten! also wenn ich mit der maus drüber fahre, kommt rechts ein untermenü!
bei den Punkt "Hauptmenü" gibt es aber ein problem! und zwar: wenn ich einmal drüber fahre öffnet sich das untermenü! wenn ich dann über ein anderes fahre sollte es wieder verschwinden und das andere sich öffnen! es verschwindet einfach nicht! bei den anderen 4 punkten geht das aber! kann mir wer helfen?
hier der code von index.html
HTML:
<html>
<head>
<title>T-T-T-Test</title>
<link rel="Stylesheet" type="text/css" href="stylesheet.css">
<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>
</head>
<body>
<div id="logo">
</div>
<div id="header">
</div>
<div id="navi">
<dl id="menu">
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();"><a href="#">Hauptmenü</a></dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="gbook.html">Gästebuch</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">Familie</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
<ul>
<li><a href="me.html">Ich</a></li>
<li><a href="family.html">Familie</a></li>
<li><a href="pets.html">Haustiere</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">Freundin</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
<ul>
<li><a href="freundin.html">Meine Freundin</a></li>
<li><a href="girlint.html">Interessen</a></li>
<li><a href="gallery.html">Galerie</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">Freunde</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<ul>
<li><a href="emir.html">Emir M.</a></li>
<li><a href="sascha.html">Sascha L.</a></li>
<li><a href="mario.html">Mario M.</a></li>
<li><a href="lau.html">Laurenz N.</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">Schulzeit</dt>
<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">
<ul>
<li><a href="1classvolks.html">1.Klasse Volksschule</a></li>
<li><a href="2classvolks.html">2.Klasse Volksschule</a></li>
<li><a href="3classvolks.html">3.Klasse Volksschule</a></li>
<li><a href="4classvolks.html">4.Klasse Volksschule</a></li>
<li><a href="1classahs.html">1.Klasse AHS</a></li>
<li><a href="2classahs.html">2.Klasse AHS</a></li>
<li><a href="3classahs.html">3.Klasse AHS</a></li>
<li><a href="4classahs.html">4.Klasse AHS</a></li>
<li><a href="1classtgm.html">1.Klasse TGM</a></li>
</ul>
</dd>
</dl>
</div>
<div id="main">
</div>
</body>
</html>hier der code vom stylesheet.css
Code:
body {
background: white;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: black;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}
#menu dt {
cursor: pointer;
background: #A9BFCB;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}
#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border: 1px solid gray;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}
#menu li a:hover {
text-decoration: underline;
}
#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{text-decoration: underline;
}danke im voraus!
Zuletzt bearbeitet von einem Moderator: