Guten Tag,
ich habe ein Problem mit der Twenty Ten Navigation. Und zwar habe ich die Navigation in mein Template kopiert, leider kam dabei folgendes heraus:
http://s1.directupload.net/images/130212/4fg4d2l3.png
Ich habe bislang noch keine Lösung gefunden, vielleicht könnt ihr mir ja weiterhelfen. Funktionieren tut sie ja..
CSS:
#access {
background: #000 url('images/nav.png');
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 16px;
margin-left: -10px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float:left;
line-height: 50px;
}
#access a {
color: #dedede;
display: block;
line-height: 43px;
padding:0 10px;
text-decoration: none;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #737372;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current_page_ancestor a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
}
Alles anzeigen
