1

これは使い古されたナビゲーションだと思います。私はそれを使って正直に言いたいことを編集していますが、主な目標がありません。マイページで取得します。何時間も試してみましたが、ページにある div に正しく表示されません。うまくいけば、誰かが私が欠けているものを見るでしょう。

JSFiddle

テスト ページにアクセスして、次のように表示されることを確認してください: http://imengine.gofreeserve.com/fileshare/fileshare2/test/testlogin.html

そして、ここで実際に何をしているのか(jsfiddleに画像を配置する方法がわからない):2つのリンクしか投稿できないため、fileshare/fileshare2/index2.phpを除く上記のリンク

4

3 に答える 3

2

fileshare2/index2.php ページを見ると、あなたの問題がわかります。Janko at Warp Speed メニュー バー領域のドロップダウン メニューのサイズが正しくありません。これは、menu.css の min-width プロパティに由来します。示されたボックスの外にあるドロップダウン メニューを修正するには、menu.css の ul 属性を変更します。

ul {
cursor: pointer;
list-style-type: none;
margin: 0;
min-width: 200px; /* change this to 150px instead */
padding: 0;
}

「ログイン」メニューと「ヘルプ」メニューの周りの余分なパディングは、padding: 0;toのスタイルを適用することで削除できます#menu li。これにより、スタイル設定されていない「ホーム」、「プロジェクト」、および「管理」メニューを含めずに、使用しているメニューが希望どおりに表示されるはずです。それが役に立ち、あなたが探しているものであることを願っています.

于 2012-07-01T22:43:10.823 に答える
1

問題を確認するために、Firebug でこれを継続的に調べました。

次の CSS を持つ最も外側の div を除いて、すべてが正しく配置されていました。

#loginbar {
    height: auto;
    left: 400px;
    margin: 0 auto;
    position: absolute;
    top: 150px;
    visibility: visible;
    width: auto;
    z-index: 3;
}

左と上では、メニューが奇妙な位置に表示されます。つまり、おそらくここでやろうとしているページの上部ではありません。

これらの値をゼロにすると、メニューが特定の位置でフローティングしなくなります。

また、絶対位置を取り出してフローティングを停止することもできます。ただし、fileshare/fileshare2/index2.php の要素はフローティング アブソリュートであるため、必要に応じて CSS を大幅に変更することをお勧めします。

それが役に立てば幸い、

于 2012-07-02T07:20:22.517 に答える
0

正確な回答はできませんが、少なくともナビゲーションメニューとそのjavascript、ジャンコメニューとjavascriptの何か(おそらくcssも何か?)が衝突して壊れていました。ページのナビゲーション メニューを作り直したところ、問題なく動作するようになりました。わかりませんが、JavaScriptだったようです。

于 2012-07-04T04:44:55.023 に答える