2011-01-19 21 views
0

私はウェブページをデザインしています。ここをクリックしてください:http://www.teknoblogo.com/yeni。一番上にANASAYFA(自宅)、KATEGORİLER(カテゴリ)、YAZAR HAKKINDA(約)のナビゲーションメニューがあります。メニュー位置の問題

KATEGORİLERにサブメニューがあります。しかし、あなたが見ることができるように、KATEGORİLERリンクの下にないサブメニュー。

この問題の解決にお手伝いできますか?

答えて

3

あなたがホバーに見せている <ul>に親<li>要素とleft:0position:relativeを追加しよう:

のstyle.css /ライン234:

menu li { 
    display: inline; 
    margin-right: 5px; 
    position: relative; // ! 
} 

のstyle.css /行252:

#top-nav li ul { 
    border-top: 1px solid white; 
    left: 0; // ! 
    position: absolute; 
    visibility: hidden; 
} 

更新は1 これは、FF 3.6でどのように見えるかです:2

のstyle.css alt text

更新/ライン260:

#top-nav li ul li { 
    display: block; 
} 

スタイル。 CSS /行252:

#top-nav li ul { 
    border-top: 1px solid white; 
    left: 0; 
    top: 23px; /* You should play around with this value as you need it */ 
    position: absolute; 
    visibility: hidden; 
} 

alt text

+0

ありがとうございます。しかし、もう一度確認できますか? – Eray

+0

どうすれば '見えるべき?' – polarblau

+0

ドロップダウンメニューです。私はこのチュートリアルを使用しています:http://javascript-array.com/scripts/jquery_simple_drop_down_menu/。私は何かに気付く。 FireBug経由で** left:0 **を追加すると動作します。しかし、これを** style.css **ファイルに追加すると、何か(多分javascript)がそれを上書きして削除します。 – Eray