Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 定心块菜单`<;李>;`a`<;部门>`_Css_Wordpress_Menu_Centering - Fatal编程技术网

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
元素和类,我深表歉意。这是我试图重新创建的网站:不完全是我想要的,但足够近了。谢谢大卫·托马斯。