Okay, ich bastele gerade an einem neuen Design für meine Seite und das war auch soweit alles ok, nur die Navi gefiel mir nicht, also hab ich etwas rumgewuselt und jetzt schauts auch gut aus...
Leider ist mir aber erst dann aufgefallen, dass jetzt in der Navigation die Unterseiten, nicht mehr aber die Hauptseiten angezeigt werden!
Beispiel:
Seite a
-Seite aa
-Seite ab
So sollte es sein, aber bei mir schauts jetzt so aus:
Seite aa
Seite ab
Seite ac
Das war vorher nicht so, also gehe ich davon aus, dass ich da irgendwo irgendwas verwuselt habe, es jetzt aber partu nicht mehr richtig hinkriege!
Ich häng den ganzen Code, an dem ich rumgewuselt hab gleich mit dran... weil im Erklären bin ich nicht so gut, vll. erkennts ja einer *schulterzuck*
PHP
#nav {
height:52px;
width:740px;
background:url(images/nav_bg.jpg) 10px 5px no-repeat;
padding:0 230px 0 30px;
margin:0 auto;
text-transform:normal;
font-weight:bold
}
#nav .menu-header,
div.menu {
font-size: 13px;
margin-left: 10px;
width: 740px;
}
#nav .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
padding:0;
}
#nav .menu-header li,
div.menu li {
float: left;
position: relative;
}
#nav ul li {
margin-right:15px;
}
#nav a {
font-size:14px;
color:#787878;
display: block;
height:35px;
vertical-align:bottom;
text-d ecoration:none;
}
#nav ul ul {
display: block;
position: absolute;
top:20px;
left:0;
float: left;
width:180px;
z-index: 99999;
}
#nav ul ul li {
margin-left:2px;
}
#nav ul ul ul {
left: 100%;
top: 0;
}
#nav ul ul a {
background-color: #E8E7E5;
line-height: 1em;
padding:5px;
height: auto;
width:160px;
margin:0px;
padding:3px 20px 3px 10px;
font-size:11px;
letter-spacing:normal;
border-left:10px solid #a0d89b;
}
#nav ul ul :hover > a {
color: #787878;
}
#nav ul li:hover > ul {
display: block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
color: #787878;
}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
color:#787878;
}
#nav li ul {width: 10em;left: -999em}
#nav li:hover ul {left: auto;}
Alles anzeigen