Navigation ist hinter dem Slider

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

nav ul

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

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;
}

Besser als das ganze css hier zu posten ist es, wenn du eine Url zuz Problemseite postest

[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;
}