2011-08-11 68 views
1

即時通訊嘗試使用JQuery製作菜單,它工作良好,當我使用一個菜單項,但是當我嘗試實現第二個菜單項時,它顯示在上一個菜單項...問題與查詢菜單

Here's a demo of what im trying to do

+0

所以...什麼是你的代碼? –

+0

它在鏈接上,在jsFiddle上進行現場演示! – Luis

回答

2

首先,不要爲非表格數據使用表格。

其次,將「float:left」添加到您的.menu類中。

.menu 
{ 
    width:150px; 
    float: left; 
} 

更新小提琴:http://jsfiddle.net/ZxvkN/19/

2

如果你在談論的CSS樣式,那麼我認爲,所有你需要做的是設置表格單元格頂部垂直對齊方式。

table td{ 
    vertical-align: top; 
} 

Back into a forked fiddle ...

爲了打擊之下...評論;) 我從this jsFiddle example刪除表,並用DIV取代。還增加了一些額外的風格菜單類。

+1

邪惡支持他使用表格!對於恥辱,先生。恥辱。 –

+0

哈!接受挑戰! (並且我沒有通過查看你的答案來作弊)。我們似乎也提出了不同的解決方案。 – Amadiere

+0

我不是在回答你的答案的準確性,它解決了問題,而只是說你應該更進一步,以糾正表達這個問題的根本問題:他使用表格。 –

1
table td{ 
    vertical-align: top; 
} 

它會很好地工作。