/*CSS erweiterung um MENÜ-BUTTON u.entsprechende Steuerung*/
.menue-button{display: block;
background-color: darkblue;
color: white;
position: absolute;
right: 0;
top: 0;
padding: 0.5em;
cursor: pointer;
text-decoration: none
}
#bereichlogo{width: 100%}
#steuerung li{width: 100%;}
#steuerung {float: left;
width: 100%;
}
#steuerung li{border-bottom:2px solid silver;}
#steuerung{ display: none;
}
.menue-button:hover{color: black;
background-color: orange;
}
#nav-menue:target #steuerung{display: block;
}
#nav-menue:target .menue-button-beschr-open{display: none;
}
Alles anzeigen
<header id="nav-menue">
<a href="#" id="bereichlogo">HTML Toggel Bauen</a>
<nav id="steuerung">
<ul>
<li><a href="dd">Startseite</a></li>
<li><a href="dd">lernen</a></li>
<li><a href="dd">Beispiel</a></li>
<li><a href="dd">Kontakt</a></li>
<li><a href="dd">impressum</a></li>
</ul>
</nav>
<a class="menue-button menue-button-beschr-close" href="#nav-menue-zu">MENÜ zu</a>
<a class="menue-button menue-button-beschr-open" href="#nav-menue">MENÜ auf</a>
</header>
Alles anzeigen
Hallo
ich habe ein Problem das Toggle Menü bis zum Schluß zu verstehen!
Wenn ich die HTML Seite das erste Mal aufrufe, wird die Steuerung nicht angezeigt. Das ist klar, denn Sie ist ja in dem Stadium auf Display: none; gestellt.
Nun liegen die beiden Links aus dem HTML Dokument mit "a class="menue-button .." mit Menü zu und Menü auf übereinander, wobei der Letzt Link mit auf
oben drauf liegt.
Wenn ich nun diesen Link drücke, erscheint in der Adresszeile : #nav-menue also die Bezeichnung des links Menü auf aber gleichzeitig steht Menü zu da, was ja zu "#nav-menue-zu" gehört.
1) Mit dem drücken auf dem Link ist wohl nav-menue auf display:block gesellt und gleichzeitig ist das Menü zu in den Vordergund gerückt, so das "#nav-menue-zu" automatisch als nächstes
ausgeführt wird??
Aber dann steht im CSS ja wieder das
Also es wird geschlossen, wieder bei dem selben link # nav menue was zu Menü AUF gehört obwohl auf der
Webseite Menü ZU steht. -->ICH VERSTEHE DAS NICHT. Wieso Menü zu dasteht, aber wieder #nav_menue "also MENUE AUF"betätigt wird?? WIESO NIE #nav_menue_zu.
Es ist schwierig für mich zu erklären was ich nicht verstehe. Aber das ist wohl eines der Nachteile, wenn man niemanden Persönlich fragen kann!