Hallo,
neuer Tag neue Frage.
Ich habe ein Menü und möchte diesen nun Unterpunkte hinzufügen, diese sollen beim Überfahren nach unten aufgehen.
HTML
<div id="doc">
<header id="header">
<h1>JavaScript, Animation mit jQuery und dem easing Plugin</h1>
<nav>
<ul>
<li class="active" id="Home"><a href="http://localhost/JavaScript/jQuery/animation_2_1.html">Home</a></li>
<li><a id="Groesser" href="#">Größer</a></li>
<li><a id="Kleiner" href="#">Kleiner</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<ul>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
</ul>
<li><a id="Slide" href="#">Ausbelenden</a></li>
<li><a id="Show" href="#">Einblenden</a></li>
</ul>
</nav>
</header>
</div>
Alles anzeigen
CSS sieht so aus:
HTML
header, nav {
display: block;
}
/* LAYOUT ------------------------------------------ */
body {
background: #fff;
font-size: 12px;
font-color: #444;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
#doc {
width: 100%;
margin: 0 auto;
}
/* HEADER & NAVIGATION ------------------------------ */
#header {
background: #333;
padding: 0 15px;
}
#header h1 {
margin: 0;
padding: 15px 0;
color: #45CC2F;
text-shadow: #a5a5a5 3px 1px 3px;
//color: #A5A5A5;
}
#header nav ul {
list-style-type: none;
font-weight: bold;
margin: 0;
padding: 0 0 0 100px;
}
#header nav ul li {
display: inline;
margin: 0;
padding: 0;
}
#header nav ul li a {
display: inline-block;
padding: 2px 10px;
color: #fff;
background-color: #45CC2F;
text-decoration: none;
}
#header nav ul li.active a,
#header nav ul li a:hover {
background-color: #fff;
color: #444;
}
#header nav ul li ul {
display: none;
background-color: #000;
}
#header nav ul li:hover ul {
display: block;
}
Alles anzeigen
Ich weis das das teilweise Html5 ist, ist nur zu Testzwecken in meinen Netzwerk.
Also so wie ich es hier habe klappt das nicht das der eine Punkt nach unten aufklappt.
Wenn mir jemand helfen kann wäre es nicht schlecht.
MFG Matthias