沒有足夠的空間存放菜單中的j，y這樣的字母

我使用了000webhost web builder來製作我的網站，現在我想更改一些我無法在編輯器中更改的內容。沒有足夠的空間存放菜單中的j，y這樣的字母

我計劃的大部分工作都很好。我遇到的問題是菜單切斷了像「y」和「j」這樣的低垂字母的下行。我想通過增加菜單按鈕的大小來解決這個問題。這裏是快照：

Screenshot

現在，CSS文件：

.vmenu ul 
{ 
    margin-bottom:10px; 
    padding:0; 
    width:179px; 
/* Main Menu Item widths */ 
    list-style-type:none; 
} 

.vmenu ul li 
{ 
    position:relative; 
} 

/* Top level menu links style */ 
.vmenu ul li a 
{ 
    display:block; 
    overflow:auto; 
/*force hasLayout in IE7 */ 
    color:#FFF; 
    text-decoration:none; 
} 

/*background of menu items (default state)*/ 
.vmenu ul li a:link,.vmenu ul li a:visited,.vmenu ul li a:active 
{ 
/*background: #414141; color: white;*/ 
} 

/*CSS class that's dynamically added to the currently active menu items' LI A element*/ 
.vmenu ul li a.selected 
{ 
    font-weight:700!important; 
/*background: black; color: white;*/ 
} 

/*background of menu items during onmouseover (hover state)*/ 
.vmenu ul li a:hover 
{ 
/*background: black; color: white;*/ 
} 

/*Sub level menu items */ 
.vmenu ul li ul 
{ 
    padding:5px!important; 
    background:#FFF; 
    border:1px solid #D6D6D6; 
    position:absolute; 
    width:auto; 
/*Sub Menu Items width */ 
    top:0; 
    font-weight:400; 
    visibility:hidden; 
} 

.vmenu ul li ul li 
{ 
    overflow:visible!important; 
} 

/* Holly Hack for IE \*/ 
* html .vmenu ul li 
{ 
    float:left; 
    height:1%; 
} 

* html .vmenu ul li a 
{ 
    height:1%; 
} 

/* ######### CSS classes applied to down and right arrow images ######### */ 
.downarrowclass 
{ 
    position:absolute; 
    top:12px; 
    right:7px; 
} 

.rightarrowclass 
{ 
    position:absolute; 
    top:6px; 
    right:5px; 
} 

/* ######### CSS for shadow added to sub menus ######### */ 
.ddshadow 
{ 
    position:absolute; 
    left:0; 
    top:0; 
    width:0; 
    height:0; 
    background:silver; 
} 

.toplevelshadow 
{ 
/*shadow opacity. Doesn't work in IE*/ 
    opacity:0.8; 
}

感謝您的答覆！

來源

2012-01-18 noisy cat

看到HTML的結構也會有所幫助。 – 2012-01-18 14:08:26

你可以在jsFiddle上放置一個示例頁面嗎？ – Wesley 2012-01-18 14:18:36

Thanx編輯RedriderX，對不起，我的英文不好（僅限im 15） – 2012-01-18 14:57:06

有關添加

height:XXpx;

或

padding-top: XXpx; 
padding-bottom: XXpx;

到.vmenu ul li a性質是什麼？

來源

2012-01-18 14:08:11 petrichor

工作！萬分感謝！ – 2012-01-18 14:55:17

也許用CSS改變z-index到例如z-index:90;。

來源

2012-01-18 14:05:23 Dion

添加line-height:150%;到.vmenu ul li可能會有所幫助。

來源

2012-01-18 14:21:22

在沒有看到HTML這是很難確定的，但我通常會使用Firebug，以確定究竟是幹什麼的切斷元素和應用

overflow:visible;

該元素。看起來好像間距沒問題，只是你想讓字母的底部看起來像一個容器被隱藏起來。

如果不是這種情況，它可能是由於下面的元素重疊，因爲它們沒有正確定位。如果列表項浮動確保您清除它們正確，使他們疊起來海誓山盟通過添加某種明確的修復或清除類的給你HTML/CSS：

.clear 
{ 
    clear:both; 
    height:0; 
    padding:0; 
    border:0; 
    font-size:0; 
}

然後把一個div之後的任何此類浮動物品。

來源

2012-01-18 14:22:16 acSlater

沒有足夠的空間存放菜單中的j，y這樣的字母

回答

相關問題