Ergebnis 1 bis 6 von 6

Thema: CSS overflow erzeugen

  1. #1
    HTML Newbie
    Registriert seit
    22.10.2018
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS overflow erzeugen

    Hallo,

    ich habe ein Menü-Sidebar, welche ich rechts positioniert habe.
    Ungefähr so:
    HTML-Code:
    <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>
    Code:
    #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:

    Unbenannt.PNG

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

  2. #2
    Fortgeschrittene/r
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    187
    Danke
    0
    Bekam 28 mal "Danke" in 28 Postings

    Standard AW: CSS overflow erzeugen

    Soll dein Menü immer da oben in der Ecke auf position:fixed stehen ? Oder soll das mal ein und ausfahren oder so?
    Weil sieht man nicht so oft das einer das Menü da so fixed positioniert.

    Dein Code verär ja nch nicht so viel wie das Menü aussehen soll. Du hast da jetzt 3 Menü Punkte die übereinander stehen das wahrs ja. Soll der Close Button immer da drüber sichtbar sein ? Oder soll das ganze Menü ausfahren und dann erst sichtbar sein ?
    Vieleicht könntest du mal nee Skizze machen wie es komplett aussehen soll und wie das Menü geöffnet werden soll usw...
    Daswürde uns schon etwas mehr helfen. Weil so wie es jetzt ist kann ich dir viel erzählen was aber auch noch nicht viel bringt weil dein Menü ja bestimmt noch nicht fertig ist oder ?
    Mein soforthilfe Forum und Chat

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    22.10.2018
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS overflow erzeugen

    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:
    skizze.jpg
    Angehängte Grafiken Angehängte Grafiken

  4. #4
    Fortgeschrittene/r
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    187
    Danke
    0
    Bekam 28 mal "Danke" in 28 Postings

    Standard AW: CSS overflow erzeugen

    Ich hatte in der Zeit wo du zurück geschrieben hast das gebastelt https://codepen.io/basti1012/pen/QZVLOp
    Kommt der sache ja schon mal näher.
    Das mit den hinspringen macht man an besten mit ankern.
    Mit einklapbares Menü meinst du so wie man in jeden Top Menü hat ?
    Warum willst du das mit JS machen das geht ja auch mit CSS wenn ich dich richtig verstehe
    Mein soforthilfe Forum und Chat

  5. Folgende User finden die Antwort von basti1012 gut:


  6. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    22.10.2018
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS overflow erzeugen

    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 !!!

  7. #6
    Fortgeschrittene/r
    Registriert seit
    23.01.2018
    Ort
    Minden
    Beiträge
    187
    Danke
    0
    Bekam 28 mal "Danke" in 28 Postings

    Standard AW: CSS overflow erzeugen

    Das man Js lernen will kann ich gut verstehen. Man sollte aber drauf verzichten wenn es geht . Es gibt immer noch Leute die kein JS aktiviert haben und wenn das so ist können die das Menü nicht mehr nutzen. Deshalb sollte man wenn es geht immer mit css lösen oder auch php. Oder zumindest eine Lösung finden die beides erlaubt.

    Zum Js lernen ist es ja vieleicht nicht verkehrt. Doch wenn du es geschafft hast kopierst du dir es und legst es weg . Dann versucht du das gleiche nochmal mit Css und stellst das Online.
    So würde ich es machen. Doch wissen muss es jeder selber wie er es gerne hätte. Da will ich keinen rein reden.

    Aber wer heute noch ohne JS Surft muss mit rechnen das einige Seiten gar nicht laufen
    Geändert von basti1012 (22.10.2018 um 22:02 Uhr)
    Mein soforthilfe Forum und Chat

Ähnliche Themen

  1. iframe und overflow
    Von Neu hier im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 04.02.2013, 09:07
  2. css overflow problem
    Von Serpico73 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 04.08.2011, 16:46
  3. div- body- overflow
    Von Dicker1 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.12.2008, 13:33
  4. overflow:visible in IE7
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 29.09.2008, 18:23
  5. Overflow
    Von mgraf im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 08.01.2007, 01:07

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •