Css 定心块菜单`<;李>;`a`<;部门>`
这应该是一个简单的-我只是错过了一些简单的,我相信 我有一个标题,想要一个嵌套的、居中的水平菜单Css 定心块菜单`<;李>;`a`<;部门>`,css,wordpress,menu,centering,Css,Wordpress,Menu,Centering,这应该是一个简单的-我只是错过了一些简单的,我相信 我有一个标题,想要一个嵌套的、居中的水平菜单 #header { background:url(images/headers/header.gif); margin: 0 auto; height: 207px; width: 100%; } /* =Menu -------------------------------------------------------------- */ #access {
#header {
background:url(images/headers/header.gif);
margin: 0 auto;
height: 207px;
width: 100%;
}
/* =Menu
-------------------------------------------------------------- */
#access {
background: transparent;
display: block;
text-align: center;
float: left;
margin: 150px auto 0;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 120px;
width: 766px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0 auto;
}
#access .menu-header li,
div.menu li {
background-color: #444;
margin: 0 auto;
float: left;
text-align: center;
width: 110px;
position: relative;
}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#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: #444;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > 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-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;
}
地点:
提前谢谢 这不是很棘手,应该可以:
#parent_ul {
width: 80%;
text-align: center;
margin: 0 auto;
}
#parent_ul > li {
display: inline; /* or inline-block */
}
现在还不清楚你想从这个问题中寻找什么。你能重新措辞并将代码示例缩小到相关部分吗?他想在外部容器标题内水平居中放置菜单(#access)。他提供的地址使他的问题更加清楚。是的@moontear,谢谢。我基本上是拿一个设计拙劣的网站,在wordpress中为某人重建它。@JohnFx,对于所有额外的
#access
元素和类,我深表歉意。这是我试图重新创建的网站:不完全是我想要的,但足够近了。谢谢大卫·托马斯。