Ergebnis 1 bis 3 von 3

Thema: CS 3.4.4 CSS Dropdown hoovert nicht [Gelöst!]

  1. #1
    Contao-Nutzer
    Registriert seit
    07.01.2010.
    Ort
    Buchs ZH (Schweiz)
    Beiträge
    50

    Standard CS 3.4.4 CSS Dropdown hoovert nicht [Gelöst!]

    Guten Morgen

    Ich stehe auf dem Schlauch und komme nicht weiter. Ich habe eine CSS Dropdown Navigation erstellt, angelehnt an die bekannte von Peter Müller. Es wird auch alles richtig anzeigt, nur hoovert das Ding nicht. Also die zweite Ebene erscheint nicht. Ich habe schon etliche Tipps aus anderen Beiträgen versucht, aber leider ohne Erfolg. Vielleicht sieht ja einer der Cracks das Problem gleich auf den ersten Blick...

    Der Navi-CSS-Code:

    Code:
    #header .mod_navigation {
        display:block;
        margin-top:0;
        padding-right:0;
        padding-left:5px;
        background-color:#39c;
        color:#fff;
    }
    #header .mod_navigation ul {
        float:left;
        margin:0;
        padding:0;
        list-style-type:none;
    }
    #header .mod_navigation li {
        float:left;
        margin:0;
    }
    #header .mod_navigation a,
    #header .mod_navigation span {
        display:block;
        margin-right:20px;
        margin-left:20px;
        line-height:44px;
        text-decoration:none;
        color:#fff;
    }
    #header .mod_navigation .active,
    #header .mod_navigation .trail {
        font-weight:bold;
        color:#34495e;
    }
    #header .mod_navigation a:hover,
    #header .mod_navigation a:focus {
        text-decoration:underline;
        color:#34495e;
    }
    #header .mod_navigation .level_2 {
        width:0;
        height:0;
        right:-32768px;
        top:-32768px;
        position:absolute;
        overflow:hidden;
        display:inline;
    }
    Ebene bei mouseover anzeigen
    #header .mod_navigation li:hover .level_2 {
        overflow:auto;
        display:block;
        width: auto;
        height: auto;
        left: auto;
        top: auto;
        z-index: 1000;
    }
    #header .mod_navigation .level_2 li {
        margin-right:10px;
        border-bottom:1px solid #34495e;
    }
    Aktiviert sind jQuery und das Layout-Builder CSS. Die Navi ist Standard, ohne Zusätze, Stoplevel und Hardlevel alles auf 0.

    Danke für Eure Hilfe und viele Grüsse

    Wolki
    Geändert von wolkenstein (26.02.2015 um 10:43 Uhr)

  2. #2
    Contao-Nutzer Avatar von denniserdmann
    Registriert seit
    10.04.2013.
    Ort
    Kiel
    Beiträge
    73

    Standard

    Moin Wolki,

    ersetze mal in deinen Anweisungen für .level_2
    right:-32768px; durch left: -32768px;

    Dann wird durch die Anweisungen bei Hover auch mit left: auto überschrieben und du solltest die Unternavigation sehen können.

    Grüße,
    Dennis

  3. #3
    Contao-Nutzer
    Registriert seit
    07.01.2010.
    Ort
    Buchs ZH (Schweiz)
    Beiträge
    50

    Standard Gelöst: Ich riesen Hirsch...

    Meine Güte, da hatte ich wohl Tomaten auf den Augen... Das -32768px; im falschen Feld eingegeben, dass kann ja nicht funktionieren.

    Vielen Dank, jetzt tuts wie es sollte. Super!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

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