CODE
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
<!--
ul{list-style:none; position:relative;}
ul li{float:left;}
ul li a{color:#333; text-decoration:none; width:120px; padding:5px; background-color:#ccc; display:block}
ul li a:hover{background:#999;}
ul li ul{display:none;}
ul li:hover ul{display:block; position:absolute; margin:0 0 0 -40;}
ul li:hover > a{background:#999;}
ul li ul li{float:none;}
-->
</style>
</head>
<body>
<ul id="navi">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<ul>
<li><a href="#">Artikel</a></li>
</ul>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<style type="text/css">
<!--
ul{list-style:none; position:relative;}
ul li{float:left;}
ul li a{color:#333; text-decoration:none; width:120px; padding:5px; background-color:#ccc; display:block}
ul li a:hover{background:#999;}
ul li ul{display:none;}
ul li:hover ul{display:block; position:absolute; margin:0 0 0 -40;}
ul li:hover > a{background:#999;}
ul li ul li{float:none;}
-->
</style>
</head>
<body>
<ul id="navi">
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
<ul>
<li><a href="#">Artikel</a></li>
</ul>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</body>
</html>
Leider funzt das ganze bei mir nicht die "unterliste" wird immernoch angezeigt.
Habe aber eigentlich angegeben, dass sie nicht sichtbar ist:
ul li ul{display:none;}
http://www.jonas-icons.net63.net/Testsites...rop%20down.html
Die Kategorie "Artikel" sollte ja unter "Shop" erscheinen... tut sie aber irgendwie nicht
wo ist der Fehler?!?