問題タブ [suckerfish]

クリックサッカーフィッシュメニューを実装する CSS があります。

マークアップ:

スタイル:

更新、上記は実際には固定のテーブルセル内に含まれています

そしてフィドル：http://jsfiddle.net/dAAXp/3/

問題: このスタイル定義をアプリケーション全体で使用したい。したがって、テキストの長さ<li>は異なります。ただし、私が望む動作は、メニューに最小幅と最大幅があることです。min-widthとmax-widthforを使用してこれを設定しました.menu。しかし、何らかの理由で、 の内容<li>が より小さくてもmax-width、メニューの幅は に制限されますmin-width。

なぜこれが起こっているのか誰か教えてもらえますか？

ユーザーがメイン項目をクリックするとサブメニューが表示される、CSS で簡単なサッカーフィッシュ メニューを作成しました。

マークアップ:

CSS:

私のコードのフィドルはここにあります: http://jsfiddle.net/pLgLj/

メニューは Firefox と IE で適切に機能します。赤い四角をクリックすると、別の場所をクリックするまでメニューが表示されます。ただし、クロムでは、メニューは赤い四角をクリックして押したままにした場合にのみ表示されます。

何がこれを引き起こしているのか、私は途方に暮れています。誰かが私を啓発できますか？

注:これを純粋な CSS だけで行い、javascript を使用しないようにしたいと考えています。

jqueryを使用してホバーイベントをトリガーしようとしています.jqueryはフォーカスのある要素を検出し、クラスを追加します

次にcss宣言

}

これは理論的には機能するはずですが、明らかなことを見逃している可能性があります。

私が取り組んでいるサイトでは、JQueryのADGalleryメニューとSuperfishメニューを使用しています。私が抱えている問題は、レイヤーのスタック方法に関係しています。

ページhttp://severnsystems-sms.co.uk/pd_about_us.htmは、問題を示しています。[プロファイル]メニューにカーソルを合わせると、スライド番号とメニュー上部の[次へ]矢印が表示されます。

メニュー項目のz-indexを他の項目よりも高く設定したので、なぜ表示されるのかわかりません。

Joomla！を作成しました。以前はテンプレートでしたが、ドロップダウンの吸盤スタイルのメニューを作成するためにプラグインとモジュールに依存していました。プラグインや拡張機能に依存せずに、テンプレートの一部として作成するにはどうすればよいですか？

joomlaサイトでサッカーフィッシュドロップダウンメニューを設定しましたが、サブメニュー項目を選択した後、最上位のメニュー項目を選択したままにする方法が見つかりません(この場合は赤に変わり、赤のままにする)。

最上位の項目をホバーしても問題なく、サブ メニューにマウスを置いている間はホバーした色のままですが、サブ メニュー項目をクリックするとすぐに最上位の項目が元の色に戻ります。

これは、訪問者が自分が Web サイトのどのセクションにいるかを必ずしも認識していないことを意味します。

どんな助けでも素晴らしいでしょう！ありがとう。

私の現在のCSSは次のとおりです。

現在、2 つのボタン (入力送信) の [保存]、[保存して実行] があり、3 つ目の [保存して閉じる] を追加しようとしています。不動産の関係で、ここには 3 番目のボタンを配置する余地がないため、それらを組み合わせて何らかのドロップダウンにすることを考えています。

A と非表示の div を使用する css がおそらくより良い解決策であることは承知していますが、アプリが含まれているインターフェイスでコード化される方法のため、これらはバックエンドの順序で INPUT または BUTTON である必要があります (a node.js のような派生物) を取得します。

このようなものを作る方法はありますか？

見せるだけ

ただし、オプションが存在する場合 (他のスクリプト パラメータに基づく)、次のように下向き矢印を表示します。

その下にマウスオーバーすると、2 つ (または 1 つ以上) のサブオプションが表示されます。

重要な点は、3 つの条件をすべて提出する必要があることです (移動または終了せずに保存することもできます)。

繰り返しますが、3 つすべてが入力 type='submit' である必要があるため、この状態でホバー状態などを操作する方法がわかりません。通常は、a:hovers とインテントでリストとサブリストを使用します。

私は jquery を実行していて、html 5 をセットアップしているので、標準的なフロント エンドの機能はすべて使用できますが、バック エンドでは扱いが難しくなります。

これを吸うための「より良い方法」に関するアドバイスはありますか?

私は、新しいブラウザーや、vista の IE8 でさえ見栄えのするメニューを持つサイトで作業していますが、IE8 compatibilityモードや XP などでは、ナビゲーションが機能しません。

ここで jsfiddle を作成して、私の言いたいことを確認しました (申し訳ありませんが、急いでいます。「結果」の部分にカーソルを合わせると、ドロップダウンが動作しているのがわかります)

http://jsfiddle.net/K3PFd/

互換モードでは機能しないか、古いバージョンの IE を想定しています。もちろん、クライアントはIE8を使用しているため、これを修正する必要があります...

助けてください。

"Son of Suckerfish" を使用して、ドロップダウン (実際には右側にポップアップする) ナビゲーション メニューを作成しています。

一部のサブメニューは非常に長く、スクロールしなければ見えない位置にあります。メニューが常にフォールドの上にあることを確認する方法 (JavaScript/jQuery を使用) はありますか?