WordPress的菜单UL高度

我有一些相当不错的经验编码我自己的UL，但我相对较新的WordPress。让我感到困惑，特别是当我看不到html时。无论如何，我正在使用cufon WP插件来更改菜单中的字体。但是......与我想要的字体大小一样，它缩小了列表项以及a：hover。在我认为的填充中有些东西，但是我找不到它。你能明白我的意思在这里http://www.thedailyminx.com WordPress的菜单UL高度

这里是菜单的CSS

#navbar { 
    float: left; 
    display: block; 
    background: #bfbcc6; 
    color: #000000; 
    width: 978px; 
    height: 30px; 
    font-size: 25px; 
    font-family: 'jc-hand'; 
    margin: 15px auto 15px; 
    padding: 0px 0px 0px 0px; 
    border: 1px solid #DDDDDD; 
    position: relative; 
    z-index: 9; 
    } 

/*** ESSENTIAL STYLES ***/ 
.menu, .menu * { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    } 
.menu { 
    line-height: 1.0; 
    } 
.menu ul { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu ul ul, ul.menu ul { 
    position: absolute; 
    top: -9999px; 
    width: 160px; /* left offset of submenus need to match (see below) */ 
    } 
.menu ul li ul li, ul.menu ul li { 
    width: 100%; 
    margin: 0px 0px 0px 0px; 
    } 
.menu li:hover { 
    visibility: inherit; /* fixes IE7 'sticky bug' */ 
    } 
.menu li { 
    float: left; 
    display: inline-block; 
    position: relative; 
    } 
.menu a { 
    display: inline-block; 
    position: relative; 
    } 
.menu li:hover ul, 
.menu li.sfHover ul { 
    left: 0; 
    top: 30px; /* match top ul list item height */ 
    z-index: 99; 
    } 
ul.menu li:hover li ul, 
ul.menu li.sfHover li ul { 
    top: -9999px; 
    } 
ul.menu li li:hover ul, 
ul.menu li li.sfHover ul { 
    left: 160px; /* match ul width */ 
    top: 0; 
    } 
ul.menu li li:hover li ul, 
ul.menu li li.sfHover li ul { 
    top: -9999px; 
    } 
ul.menu li li li:hover ul, 
ul.menu li li li.sfHover ul { 
    left: 160px; /* match ul width */ 
    top: 0; 
    } 

/*** SKIN ***/ 
.menu .current_page_item a, 
.menu .current_page_ancestor a, 
.menu .current-menu-item a, 
.menu .current-cat a { 
    background: #333333; 
    color: #FFFFFF; 
    border-left: 1px solid #333333; 
    border-right: 1px solid #333333; 
    } 
.menu li .current_page_item a, .menu li .current_page_item a:hover, 
.menu li .current-menu-item a, .menu li .current-menu-item a:hover, 
.menu li .current-cat a, .menu li .current-cat a:hover { 
    background: #333333 !important; 
    color: #FFFFFF !important; 
    border-left: none; 
    border-right: none; 
    } 
.menu { 
    float: left; 
    margin-bottom: 0; 
    } 
.menu a { 
    color: #000000; 
    background: none; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 12px 0px 12px; 
    text-decoration: none; 
    letter-spacing: 0.1px; 
    line-height: 30px; 
    border-right: 1px solid #DDDDDD; 
    border-left: 1px solid #FFFFFF; 
    } 
.menu li li a { 
    display: block; 
    background: #F5F5F5 !important; 
    color: #000000 !important; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 10px 0px 10px; 
    font-size: 25px; 
    line-height: 30px; 
    text-decoration: none; 
    text-transform: none; 
    text-shadow: none; 
    letter-spacing: 0px; 
    border-right: none !important; 
    border-left: none !important; 
    } 
.menu li, .menu li li, .menu li li li { 
    background: none; 
    margin: 0px; 
    padding: 0px; 
    } 
.menu li:hover, .menu li.sfHover { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu a:focus, .menu a:hover, .menu a:active { 
    background: #333333; 
    color: #FFFFFF; 
    border-right: 1px solid #333333; 
    border-left: 1px solid #333333; 
    outline: 0; 
    } 
.menu li li:hover, .menu li li.sfHover { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu li li a:focus, .menu li li a:hover, .menu li li a:active { 
    background: #EEEEEE !important; 
    color: #333333 !important; 
    border: none; 
    outline: 0; 
    }

谁能帮助我吗？感谢格雷格

来源

2012-04-20 Greg

不完全知道什么改变你正试图使。我注意到，在您的网站上，cufon字体用完了灰色框。你想让背景灰色更高吗？你想让字体变小吗？ – vlasits 2012-04-20 17:58:21

另外，您可能有兴趣使用Firefox的Firebug工具，Chrome的开发人员工具功能或IE9的开发工具来检查您的WordPress安装生成的HTML和CSS。 – vlasits 2012-04-20 18:06:12

沟内嵌height造型cufon和样式表设置为30px

来源

2012-04-20 15:32:19 hunter

感谢您的关注。我如何摆脱Cufon的高度造型？ – Greg 2012-04-20 15:39:46

哈哈，我不知道。这是与WP的摩擦。你也可以将你的'navbar'高度改为25px; – hunter 2012-04-20 16:16:59

WordPress的菜单UL高度

回答

相关问题