Moin, blöde Frage vielleicht, ich stell sie aber trotzdem mal:
Hab mir dieses horizontale dropdown menu gebastelt (mit ein bischen hilfe), würde das aber nun gerne so ändern, dass die menüpunkte untereinander aufgelistet werden und nicht nebeneinander. habe schon alles ausprobiert, komme aber nicht weiter, vielleicht hat ja jhemand einen denkanstoß.
Code
<ul id="nav">
<li>eins
<ul>
<li><a href="">eins eins</a></li>
<li><a href="">eins zwei</a></li>
<li><a href="">eins drei</a></li>
</ul>
</li>
<li>zwei
<ul>
<li><a href="">zwei eins</a></li>
<li><a href="">zwei zwei</a></li>
</ul>
</li>
<li>drei
<ul>
<li><a href="">drei eins</a></li>
<li><a href="">drei zwei</a></li>
<li><a href="">drei drei</a></li>
<li><a href="">drei vier</a></li>
</ul>
</li>
</ul>Code
ul {
padding: 0;
margin: 0;
list-style: none;
font-family: Helvetica;
font-size: 20px;
}
li {
color: #fff;
background-color: #666;
float: left;
position: relative;
padding-right: 5px;
padding-left: 5px;
}
li:hover { color: #ccc;
}
li ul {
display: none;
position: absolute;
background-color: #666;
font-size: 16px;
width: auto;
}
li > ul {
top: auto;
left: 0;
}
li:hover ul, li.over ul{
display: block;
}
