菜單顯示問題

所以我有UL和李菜單，它看起來像這樣在頁面加載： enter image description here 菜單顯示問題

但是當我點擊每個菜單和執行的代碼出現這種情況：

enter image description here

我該怎麼辦？這裏是我的CSS：

#menu-centered { 
    padding: 0px; 
    margin-bottom: 0px; 
} 
#menu-centered ul { 
    margin: 0; 
    padding: 0; 
    height: 99px; 
    width: 603px; 
} 
#menu-centered li { 
    display: inline; 
    list-style: none; 
    padding: 0px; 
    background: url(images/menu1.png) no-repeat right top; 
} 
#menu-centered a { 
    border-style: none; 
    border-color: inherit; 
    border-width: medium; 
    display: block; 
    margin-right: 0; 
    padding: 20px 30px 0px 30px; 
    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: normal; 
    color: #FFFFFF; 
    height: 68px; 
    width: 130px; 
    text-align: center; 
} 
#menu-centered a:hover { 
    background: url(images/menu2.png) no-repeat right top; 
}

，這裏是對菜單我的html代碼：

<div id="menu-centered"> 
<ul> 
<li> <a href="javascript:Clikbtn1()" >MENU1</a></li> 
<li><a href="javascript:Clikbtn2()">MENU2</a></li> 
<li><a href="javascript:Clikbtn3()">MENU3</a></li> 
</ul> 
</div>

請幫助。謝謝

來源

2011-07-14 Blair Yumi

你的問題有點含糊。菜單在加載時看起來是否正確？另外，您正在運行您未包含的各種JavaScript功能。 – kba

執行什麼代碼？ – Phil

你的菜單需要一些LoVe和HAte。換句話說，您需要創建全部四個重要的鏈接僞選擇器，以避免瀏覽器通過應用默認的活動僞選擇器來破壞您的佈局。

按照該順序準確定義菜單中的鏈接，a：visited，a：hover和a：active。

來源

2011-07-14 02:59:36 brezanac

解決了嗎？事實證明，我使用response.writeline來執行我的JavaScript代碼。這就是爲什麼。無論如何感謝你，你們都很棒！ –

菜單顯示問題

回答

相關問題