Fly out Menu - Submenue fixieren

  • Guten Tag,


    Weiss jemand, wie eine Navigationsliste, die sich beim Hovern ausklappt auf den Unterseiten fixiert wird? Der User soll auf Anhieb erkennen, wo er sich im Navigationsmenu gerade befindet. Ich habe folgendes probiert:


    CSS

    #menuwrapper ul li#current{

    float:left;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 220px;

    background-color:green;


    height:25px;

    line-height:25px;

    white-space: nowrap;

    border: 1px solid white;


    #menuwrapper ul li#current ul li#current{

    float:flex;

    display: block;

    align-items: center;

    justify-content: center;

    width: auto;

    background-color:green;

    height:25px;

    line-height:25px;

    white-space: nowrap;

    border: 1px solid white;

    }


    Die ID current wird den ul; li bzw. ul;li;ul;li Elementen der Navigationsleiste gegeben. Weil aber das Submenu gehovert wird, verschwindet es sofort wieder, nachdem der mit Hovereffekt versehene Link angesteuert wurde.


    Vielen Dank,


    Jan

  • erstens verstehe ich es gerade nicht , und einen vollständigen Code ( auch html und js wenn vorhanden ) wäre zum Vorteil.


    Was meinst du den mit Fixieren an unterseite ?

    Ich gehe mal von aus das du die Seite meinst die hinter den Link ist ?

    wenn man dann den Link klickt ist ja ohne ( ajax ) ein Seiten wechsel angesagt .

    Wie soll den dann markiert werden wo man ist ?

    Soll der Menü Punkt eine andere Farbe haben oder wie ?



    Oder habe ich dich jezt ganz falsch verstanden

  • Die letzte Antwort auf dieses Thema liegt mehr als 365 Tage zurück. Das Thema ist womöglich bereits veraltet. Bitte erstelle ggf. ein neues Thema.

    • :)
    • :(
    • ;)
    • :P
    • ^^
    • :D
    • ;(
    • X(
    • :*
    • :|
    • 8o
    • =O
    • <X
    • ||
    • :/
    • :S
    • X/
    • 8)
    • ?(
    • :huh:
    • :rolleyes:
    • :love:
    • :pinch:
    • 8|
    • :cursing:
    • :wacko:
    • :thumbdown:
    • :thumbup:
    • :sleeping:
    • :whistling:
    • :evil:
    • :saint:
    • <3
    • :!:
    • :?:
    Maximale Anzahl an Dateianhängen: 10
    Maximale Dateigröße: 1 MB
    Erlaubte Dateiendungen: bmp, gif, jpeg, jpg, pdf, png, txt, zip