2012-04-20 92 views
0

我有一些相當不錯的經驗編碼我自己的UL,但我相對較新的WordPress。讓我感到困惑,特別是當我看不到html時。無論如何,我正在使用cufon WP插件來更改菜單中的字體。但是......與我想要的字體大小一樣,它縮小了列表項以及a:hover。在我認爲的填充中有些東西,但是我找不到它。你能明白我的意思在這裏http://www.thedailyminx.comWordPress的菜單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; 
    } 

誰能幫助我嗎? 感謝 格雷格

+0

不完全知道什麼改變你正試圖使。我注意到,在您的網站上,cufon字體用完了灰色框。你想讓背景灰色更高嗎?你想讓字體變小嗎? – vlasits 2012-04-20 17:58:21

+0

另外,您可能有興趣使用Firefox的Firebug工具,Chrome的開發人員工具功能或IE9的開發工具來檢查您的WordPress安裝生成的HTML和CSS。 – vlasits 2012-04-20 18:06:12

回答

0

溝內嵌height造型cufon和樣式表設置爲30px

+0

感謝您的關注。我如何擺脫Cufon的高度造型? – Greg 2012-04-20 15:39:46

+0

哈哈,我不知道。這是與WP的摩擦。你也可以將你的'navbar'高度改爲25px; – hunter 2012-04-20 16:16:59