Die LIs sind so formatiert
HTML-Code:
#navi li {
display: inline-block;
}
Im Aufklappmenü willst du sie aber untereinander darstellen, deshalb wie valentin sagte, ab der 2. Ebene auf block setzen
HTML-Code:
#navi li li {
display: block;
}
Deine As sind so formatiert
HTML-Code:
#navi a {
display: block;
padding: 12px 15px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
Es ist immer eine gute Idee, die SPANs, welche ja die aktiven Punkte sind, immer direkt mit zu formatieren. Dann hast du sie auch auf block, wie valentin sagte.
HTML-Code:
#navi a,
#navi span {
display: block;
padding: 12px 15px;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
Lesezeichen