Navigation ist hinter dem Slider

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Link zu deiner Seite? Es werden vermutlich ein paar kleine Änderungen an deiner style.css fällig...
    Du könntest ansonsten zum Spaß mal testen obs bereits hinhaut, wenn du deiner

    Code
    nav ul

    einen z-index verpasst und es damit über den Slider hebst...

    Code
    nav ul
{
  z-index: 9999;
}

    Hallo zusammen,

    ich habe ein recht ähnliches Problem - nur das meine Navigation hinter dem Content verschwindet. Auf der Startseite funktionier es (Slider eingebunden) aber bei den nachfolgenden Seiten leider nicht. Den z-index habe ich auch schon eingefügt, leider ohne Erfolg.
    Ich würde mich über eure Unterstützung sehr freuen!
    Vielen lieben Dank!

    hier noch das mainmenu css:

    #mainmenu {
    width: 700px;
    height: 20px;
    float: right;
    margin-top: 33px;
    }
    .mainnav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    }
    .mainnav * {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .mainnav ul {
    position: absolute;
    top: -999em;
    display: none;
    }
    .mainnav li {
    float: left;
    position: relative;
    z-index: 9999;
    height: auto;
    line-height: 20px;
    margin-left: 8px;
    padding-right: 10px;
    background: url(images/menulibg.png) no-repeat right;
    }
    .mainnav a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    }
    .mainnav a:hover,
    .mainnav li.current-menu-item a,
    .mainnav li#current a,
    .mainnav li.current-cat a,
    .mainnav li.current_page_item a {
    text-decoration: none;
    color: #990000;
    }
    .mainnav li:hover {
    text-decoration: none;
    }
    .mainnav ul li{
    width: 100px;
    }
    .mainnav li:hover ul,
    ul.mainnav li.sfHover ul {
    left: -15px;
    top: 15px;
    padding-top: 12px;
    width: 100px;
    background: url(images/menuulbg.png) no-repeat bottom;
    padding-bottom: 13px;
    }
    .mainnav li:hover li ul,
    .mainnav li.sfHover li ul {
    top: -999em;
    }
    .mainnav li li:hover ul,
    ul.mainnav li li.sfHover ul {
    left: 100px;
    top: -12px;
    }
    .mainnav li:hover ul,
    .mainnav li li:hover ul {
    top: -999em;
    }
    .mainnav li li {
    display: block;
    padding: 0px;
    height: auto !important;
    border-bottom: dotted 1px #e8e8e8;
    margin: 0;
    background: #fff;
    line-height: 25px;
    }
    .mainnav li li a:link,
    .mainnav li li a:visited {
    display: block;
    height: auto !important;
    text-transform: none;
    color: #666;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    }
    .mainnav li li a:hover {
    color:#990000 !important;
    }


    width: 700px;
    height: 20px;
    float: right;
    margin-top: 33px;
    }

    .mainnav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    }

    .mainnav * {
    margin: 0;
    padding: 0;
    list-style: none;
    }


    .mainnav ul {
    position: absolute;
    top: -999em;
    display: none;
    }

    .mainnav li {
    float: left;
    position: relative;
    z-index: 9999;
    height: auto;
    line-height: 20px;
    margin-left: 8px;
    padding-right: 10px;
    background: url(images/menulibg.png) no-repeat right;
    }

    .mainnav a {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    }

    .mainnav a:hover,
    .mainnav li.current-menu-item a,
    .mainnav li#current a,
    .mainnav li.current-cat a,
    .mainnav li.current_page_item a {
    text-decoration: none;
    color: #990000;
    }

    .mainnav li:hover {
    text-decoration: none;
    }

    .mainnav ul li{
    width: 100px;
    }

    .mainnav li:hover ul,
    ul.mainnav li.sfHover ul {
    left: -15px;
    top: 15px;
    padding-top: 12px;
    width: 100px;
    background: url(images/menuulbg.png) no-repeat bottom;
    padding-bottom: 13px;
    }

    .mainnav li:hover li ul,
    .mainnav li.sfHover li ul {
    top: -999em;
    }

    .mainnav li li:hover ul,
    ul.mainnav li li.sfHover ul {
    left: 100px;
    top: -12px;
    }

    .mainnav li:hover ul,
    .mainnav li li:hover ul {
    top: -999em;
    }

    .mainnav li li {
    display: block;
    padding: 0px;
    height: auto !important;
    border-bottom: dotted 1px #e8e8e8;
    margin: 0;
    background: #fff;
    line-height: 25px;
    }

    .mainnav li li a:link,
    .mainnav li li a:visited {
    display: block;
    height: auto !important;
    text-transform: none;
    color: #666;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    border: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    }

    .mainnav li li a:hover {
    color:#990000 !important;
    }

    [COLOR=#ff0000][/COLOR]@oxymoron-design :[COLOR=#ff0000] hack dich nicht in einen fremden thread, hier gehts um das problem von Johnnyderdepp, nicht um Deinen Kram.[/COLOR]

    Ich habe leider genau das gleiche Problem wie Johnnyderdepp auch bei mir ist das Menü hinter dem Slider http://www.saxonia100.de
    könnt Ihr mir bitte weiter helfen? Es muss davor, des weiteren muss der ganz linke Home Button weg, nur bekomme ich den nicht weg, ohne dass das Menü unter dem 2- Home Button verschwindet, dieses muss unbedingt an dieser Stelle bleiben. Vielen Dank für Eure Hilfe

    [COLOR=#333333]Wie in der Überschrift beschrieben versuche ich gerade die Farbe des Rands zwischen dem Seitenhintergrund und dem allgemeinen Hintergrund zu ändern (Per CustomCSS).[/COLOR]
    [COLOR=#333333]Kleiner Haken: Ich kann kaum CSS, und Google fand bei mir nix.[/COLOR]
    [COLOR=#333333]Ich wäre sehr dankbar, wenn jemand wüsste wie man das macht/wie der nötige CodeTeil lautet[/COLOR]

    Z-Link hat das Problem gelöst

    Zitat von egado

    Link zu deiner Seite? Es werden vermutlich ein paar kleine Änderungen an deiner style.css fällig...
    Du könntest ansonsten zum Spaß mal testen obs bereits hinhaut, wenn du deiner

    Code
    nav ul

    einen z-index verpasst und es damit über den Slider hebst...

    Code
    nav ul
{
  z-index: 9999;
}


    Hallo Egado,

    vielen Dank. Dein Tipp war die Lösung.

    Ich hatte auf http://www.skurrile-geschenke.de das gleiche Problem mit dem hinter dem Slider verschwundenen Menü.

    Das Einfügen von

    nav ul
    {
    z-index: 9999;
    }

    hat leider nichts gebracht.

    Daraufhin habe ich in der Stlye.css nach "z-index" gesucht und folgendes gefunden (beachtet die unterste Zeile):

    .genesis-nav-menu .sub-menu {
    left: -9999px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
    }

    Ein Abändern der 99 auf 9999 und Einfügen in den CSS Stylesheet Editor hat die Lösung gebracht. Das Menü ist jetzt vor dem Slider :smile:.

    .genesis-nav-menu .sub-menu {
    left: -9999px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 9999;
    }

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden