Beiträge von untaimed1898

wow danke ich werde mir das gleich mal anschauen. Genau so meinte ich das

Will ein bisschen JS lernen, deshalb wollte ich das mit JS machen, aber versuche auch zu verstehen, wie du das mit CSS gemacht hast:)

Danke nochmal !!!

Ja das Menü soll fixed stehen.
Im Prinzip handelt es sich um Anwendung auf einer einzigen Seite.
Das Menü rechts soll über die gesamte Höhe der Anwendung gehen und beim klick auf einen entsprechenden Menüpunkt springt man dann zu der jeweiligen Stelle springen.
Außerdem soll das Menü aus- und einklappbar sein, was ich jedoch mit javaScript umsetzen werde.

Der Close button verschwindet dann auch beim einklappen, dafür sieht man dann einen Button zum wieder einblenden.

Habe versucht das ganze mal per Skizze darzustellen:

Hallo,

ich habe ein Menü-Sidebar, welche ich rechts positioniert habe.
Ungefähr so:

<div id="sidebar_right">
           <nav>
                <a id="closeSidebar" href="#">Seitenleiste schließen</a> 
                <ul>
                    <li>Menüpunkt 1</li>
                    <li>Menüpunkt 2</li>
                    <li>Menüpunkt 3</li>
                </ul>
            </nav>

</div>
<div id="content">
<!-- Eigentlicher Inhalt der Seite -->
</div>

#sidebar_right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;


    max-width: 15%;

}


#content {
 max-width: 75%;
margin: 5%;
}

Ich möchte nun neben den Link "Seitenleiste" schließen ein Icon anzeigen, welches aus der Sidebar herausragt.
Ähnlich wie hier:

Hat jemand Tipps, wie ich das am besten umsetzen kann?
Bin für jede Hilfe dankbar