質問メニューで問題が発生しました

Question

JQueryでメニューを作成しようとしていますが、1つのメニュー項目を使用しているときにうまく動作しますが、2番目のメニュー項目を実装しようとすると、前のメニュー項目...

Here's a demo of what im trying to do

Answer 1

まず、表以外のデータにはテーブルを使用しないでください。

第2に、.menuクラスに「float：left」を追加します。

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

はフィドル更新：http://jsfiddle.net/ZxvkN/19/

Answer 2

あなたはCSSスタイリングの話をしている場合は、私はあなたがする必要があるだろう、すべてがトップにテーブルセルの垂直方向の配置を設定されていると思います。以下のコメントを戦うために

table td{ 
    vertical-align: top; 
} 

Back into a forked fiddle ...

...;） 私はthis jsFiddle exampleからテーブルを削除し、DIVに置き換えられました。また、メニュークラスに少し余分なスタイルを追加しました。

Answer 3

table td{ 
    vertical-align: top; 
} 

これは完全に機能します。