Hallo,
ich hab ein kleines Problem. Ich bekomme bei meinem Menü die 3. Ebene nicht so wirklich hin. Die Grundstruktur stimmt schon einmal, nur wenn ich auf die 2. Ebene gehe, ist auch automatisch die 3. Ebene eingeblendet. Ich denke mal, dass der HTML-Code soweit richtig ist und der CSS-Code noch nicht ganz stimmt. Hab schon einiges probiert, aber leider klappts nicht wirklich.
Vielleicht hat ja einer von euch eine Idee
Ich bedanke mich schon mal für jede Antwort!
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<meta name="generator" content="HTML Studio">
<style>
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #FFF;
background: #06C;
padding: 8px;
border: 1px solid #ccc;
border-bottom: 0;
}
li:hover ul {
display: block;
}
</style>
</head>
<body>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Ps3-Games</a>
<ul>
<li><a href="#">Naruto Shippuuden Ultimate Ninja Storm 2</a>
<ul>
<li><a href="#">Sasuke</a></li>
</ul>
</li>
<li><a href="#">Fifa 11</a></li>
<li><a href="#">Medal of Honor</a></li>
</ul>
</li>
<li><a href="#">Wii-Games</a>
<ul>
<li><a href="http://www.google.de/">The Conduit</a></li>
<li><a href="#">Super Smash Bros. Brawl</a></li>
<li><a href="#">Zelda</a></li>
<li><a href="#">Metroid Prime 3:Corruption</a></li>
<li><a href="#">Mario Strikers Charged Football</a></li>
</ul>
</li>
<li><a href="#">X-Box 360</a>
<ul>
<li><a href="#">Halo Wars</a></li>
<li><a href="#">Ninety Nine Nights</a></li>
<li><a href="#">Kingdom Under Fire 2</a></li>
</ul>
</li>
</ul>
</body>
</html>
17.09.2010, 20:31
CSS-Menü mit 3 Ebenen
du schaltest ja sobald ein li überfahren wird ALLE ULs auf display block 
Ähnliche Themen
Linear-Darstellung
