問題タブ [suckerfish]

while ループを使用してこのメ​​ニューを生成する方法がわかりません。

これは私のコードの例です:

私のdbtableは次のようになります：

親から == id を入力すると、サブメニューになるはずです。私の例ではこれが機能しますが、動的にする必要があります。頭脳は atm を働いていません。

ご協力いただきありがとうございます！

コードを使用してデータベースからデータを取得しました:

ウェブサイトで Son of Suckerfish ドロップダウン メニューを使用しました。すべてのブラウザー (IE8 以降を含む) では正常に表示されますが、IE7 では、ボタンにカーソルを合わせると、ボタンの下にドロップダウン メニューが表示されません。代わりに、下の画像のようにボタンの右側に表示されます。

IE7 がまだ生きている理由はよくわかりませんが、はい、クライアントはまだそれを使用しています。

画像は次のとおりです。http://i.stack.imgur.com/w1L95.png

ここに私のHTMLがあります

ここに私のCSSがあります

Son of Suckerfish（http://htmldog.com/articles/suckerfish/dropdowns/）のCSSベースのナビゲーションメニューを作成しました。左側は通常のSuckerfishで、トップレベルのナビゲーションエントリはドロップダウンと同じ幅です。

メニューの右側には、ヘルプやオプションなどの小さなアイコンがいくつかあり、ドロップダウンメニューもあります。問題は、アイコンが狭くて右に浮いているため、ページから外れないように右揃えにする必要があることです。

言葉の絵の時間:)

私がやや成功したのは、ドロップダウンエントリを保持する内側に負の左マージンを適用することでした。

1つの問題があります、それはあまりにも左になってしまいます：

簡単な解決策は、幅をemではなくpxに基づいて、負の左マージンをアイコンの幅（16px）だけ減らすことですが、これはハッキーです。フォントのズームは処理されません。私が考えたもう1つのトリックは、margin-left：-9emを使用することです。アイコン要素の幅を1emにします。しかし、それも少し不安定に思えます。私は誰かがより良いアイデアを持っていることを望んでいます！

メニューにjQueryとsuckfishプラグインを使用していますが、サブメニューが表示されているときにアニメーションは必要ありません。

速度を 0 に設定していますが、それでもヘッド メニューのホバーとサブ メニューの間に数ミリ秒あります。

アニメーションを完全に無効にするにはどうすればよいですか?

次の構造の Suckerfish ドロップダウン メニューを使用しています。Chrome の開発者ツールを使用して HTML を調べると、それぞれのタグがタグから独自のディメンションを持っていることがわかります。これは実際には、ページ上の他のボタンよりもわずかに大きくなるため、問題があります。ここに私が意味するスクリーンショットがあります: http://dl.dropbox.com/u/9191/Screenshots/lsuf.png

ご覧のとおり、ボタン 3 は他のボタンよりも大きくなっています。理想的には、ボタン 3 を他のボタンと同じサイズにしたいと考えています。

マークアップは次のとおりです。

言葉では言い表せないほど、IE7のドロップダウンを親アイテムの下に並べるのに苦労しています。それらは他のすべてのブラウザで動作します〜IE8を含む〜しかしIE7 .. ..

メニューのドロップダウン部分は、ie7の親アイテムの右側に表示されます。

誰か助けてもらえますか？

これがcssです：

そしてここにhtmlがあります：

とても欲求不満....-sean

こんにちは私は吸盤メニューに問題があります。マウスがドロップダウンとフライアウトメニューの上にあるときにトップレベルのメニュー項目を強調表示したままにする方法がわからないようです...

CSSは次のとおりです。

そしてここにhtmlがあります：

何かご意見は？

私は、さまざまなサイズの第1レベルのアイテム（明示的な幅が指定されていない、つまりwidth: auto;）を持つ吸盤スタイルのドロップダウンメニューに取り組んでいます。このドロップダウンには、がありtext-align: center;ます。

これがひどく見えないようにするには、ドロップダウンの子要素の幅を親のliアイテムと同じ幅にする必要があります。残念ながら、私のjQuery-fuは明らかに欠けており、動作させることができないようです。あるいは、誰かがCSSだけでこれを行う方法を知っていれば、私はさらに感銘を受けるでしょう。

メニューHTML：

そしてこれが私のjQueryです：

私の問題の一部は、最上位の.menu-item（つまり、「ul li ul li」ではなく、「ul li」）が必要なときに、最も近い親li.menu-itemを選択していることだと思います。私がそれをどのように行うかについて何か考えはありますか？

どうもありがとう！

Drupal で、zen テーマに基づくカスタム テーマを使用してサイトを構築し、nice メニュー モジュールを使用して、水平方向のサッカーフィッシュ ドロップダウン メニューを生成しています。私の水平ナイス メニュー ブロックは、すべてのブラウザで (IE でも!) 見事に動作しますが、Firefox では壊れているようです。これは非常に珍しいことです。

2 番目のレベルのメニューは、最上位のメニュー項目のすぐ下にドロップダウンする必要があります。これは、Firefox を除くすべてのブラウザーで行われます (私は現在 9.0.1 を使用しています)。Firefox で第 2 レベルのメニューを開くと、第 2 レベルのメニューが最初のメニューの下に表示されますが (そうあるべきです)、親メニュー項目の下に配置されるのではなく、親メニューの左側に配置されます。何か案は？

URL は次のとおりです: http://www.crowstonstack.co.uk/new

ページの上部ではなく下部にナビゲーション バーがあります。「ドロップアップ」サッカーフィッシュ メニューを実装しようとしています。できるだけ少ないJavaScriptでそれをやりたいです。私の現在のコードは次のとおりで、ドロップダウン メニューとして正常に動作します。それを逆にする方法はありますか？

これが私のコードです：

すべての助けに感謝します。ありがとう！