leider versuche ich schon seit Tagen vergebens in diesem einfachen Beispiel den Fehler zu finden.
Menüliste klappt im scriply auf, aber in keinem gängigen Browser. Woran liegt das?
Hier der code:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.scriptly.de)" />
<style>
#navMenu {
margin-left: 50px;
position: relative;
margin: 0;
padding: 0;
}
#navMenu ul { background-color: #FFFF00;
width: 140px;
margin: 0;
padding: 0;
line-height: 2.5em;
position: absolute;
margin: 0;
padding: 0;
}
#navMenu ul li {
text-align: center;
}
#navMenu ul ul { background-color: #00ff00;
margin-top: 1.5em;
display: none;
}
#navMenu li {
list-style-type: none;
}
#navMenu ul ul li {
border: solid 1px red;
text-align: center;
}
#navMenu a {
text-decoration: none;
}
#navMenu ul li:hover ul {
display: block;
}
#navMenu ul ul li:hover{
background-color: #808080;
}
</style>
</head>
<body>
<div id="navMenu">
<ul>
<li><a href="#">HOME</a></li>
<ul>
<li><a href="service.html">Mitarbeiter</a></li>
<li><a href="service.html">Kontakt</a></li>
<li><a href="service.html">Impressum</a></li>
</ul>
</ul>
</div>
</body>
</html>
Alles anzeigen
Tine