Ergebnis 1 bis 5 von 5

Thema: Sichtbarkeit der Dropdown-Navigation realisieren

  1. #1
    Contao-Fan
    Registriert seit
    03.04.2012.
    Beiträge
    747

    Standard Sichtbarkeit der Dropdown-Navigation realisieren

    Hallo,

    ich habe schon zuvor mit der CSS-Anweisung overflow:hidden und visibility: visible gearbeitet. Diese habe ich auch für meine Dropdown-Navigation verwendet.
    Leider wird mir die Dropdown beim hovern (Leistungen) nicht angezeigt.
    Folgenden CSS-Code habe ich definiert:
    Code:
    #mainnav .level_2 {
        position: absolute; 
        left: -32768px;
        top: -32768px;
        overflow: hidden;
    }
    #mainnav .level_2 li:hover {
        visibility: visible;
    }
    Start- und Stoplevel sind auf 0 gesetzt und Hardlimit deaktiviert
    Kann vielleicht jemand von euch mal drüber schauen, woran das liegen könnte?
    LINK
    http://sub.dyntec.de/index.php/leistungen.html
    Geändert von monaco (19.12.2014 um 12:27 Uhr)
    Seien wir realistisch, versuchen wir das Unmögliche

  2. #2
    Contao-Fan
    Registriert seit
    22.12.2012.
    Beiträge
    325

    Standard

    was machst du denn da?

    visibility wird dir das element nicht zurück schicken wenn du es zuvor mit left und top aus der seite raus schiebst.

    probier mal die navigation ausgeklappt fertig zu machen und füge dann am ende den hover hinzu.

    .level_1 > li:hover > ul {display: block;}
    .level_2 {display: none;}
    Geändert von Slind (19.12.2014 um 12:40 Uhr)

  3. #3
    Contao-Fan
    Registriert seit
    03.04.2012.
    Beiträge
    747

    Standard

    aaah. Dankeschön für den super Anstoß, Slind.
    Leider wird aber meine 2. Ebene nicht als block dargestellt.
    Seien wir realistisch, versuchen wir das Unmögliche

  4. #4
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.198
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Also ich habe es bei mir so:

    HTML-Code:
    .mod_navigation .level_2 {
        width: 0px;
        height: 0px;
        left: -32768px;
        position: absolute;
        overflow: hidden;
        display: inline;
        top: -32768px;
    }
    
    .mod_navigation li:hover .level_2 {
        width: auto;
        height: auto;
        min-width: 78px;
        left: auto;
        top: auto;
        overflow: auto;
        display: block;
        z-index: 1000;
    }

  5. #5
    Contao-Fan
    Registriert seit
    03.04.2012.
    Beiträge
    747

    Daumen hoch

    habe es nun auch so gelöst wie tab. Ich möchte mich bei euch allen für eure Tipps sehr bedanken.
    Seien wir realistisch, versuchen wir das Unmögliche

Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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