問題タブ [nav]

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

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

言葉の絵の時間:)

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

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

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

下の画像のようなナビゲーションに取り組んでいます。

ナビゲーション全体はブラウザ ウィンドウの幅ですが、アイテムはデザインの中央に配置されています。

私はかなり長い間コードを扱っておらず、これをまとめるのに苦労しています。ボディ画像を使用して水平方向に繰り返し、必要な場所にリストを配置する必要がありますか? または、div を使用してブラウザー ウィンドウの幅全体にまたがり、必要な場所にリスト要素を配置する必要がありますか?

ありがとう

トップ ナビゲーション メニュー ボタンに別の色を付けたいと思います。たとえば、「ホーム」メニュー ボタンを「バージョン情報」メニュー ボタンとは異なる色にしたいとします。誰でもこれを手伝ってくれませんか。私のCSSはひどいです。

これを行うWordPressプラグインはありますか。

誰かが私を助けてくれることを願っています。前もって感謝します。

トーマス

問題のページは次のアドレスにあります。

http://richiesportfolio.com/temp-site-tester/index.html

ご覧のとおり、画像はナビゲーション メニューの上部に配置されていますが、リンクにテキストを配置すると、テキストがナビゲーション メニューの高さになり、下部に配置されます。これがどのように起こっているのかわかりません。

ここに CSS の一部を示します。残りは、私が提供したリンクのページ ソースを表示するだけです。

タイトル値

Androidでアクティビティまたはナビゲーションスタックをトラバースする方法はありますか？iOSにはnavigationController.viewControllersコレクションがあり、それぞれを調べてメソッドを呼び出すことができます。Androidにもこれに似たものがありますか？

別の LI にカーソルを合わせると、別のメイン ナビゲーション リンクに表示されていたポップアップがすぐに消えて、別のリンクが表示されるように、コードを更新する方法を教えてもらえますか? (いつでも 1 つのフライアウトのみを表示したい)

jsfiddle での実際の例を次に示します。

http://jsfiddle.net/zoolander/YAfDL/

現在、ブログをまとめています。これには、人々がトピック別に閲覧できるようにするタグ クラウドが含まれています。

<nav>これらは技術的にナビゲーション リンクであるため、タグ クラウド リンクをタグでラップすることを検討しています。

他の人はどう思いますか？

自分のページで html タグを使い始めたので、NAV タグの適切な使い方を判断しようとしています。ドキュメンテーションを読みましたが、私が持っているもので問題ないように思えますが、他のほとんどの開発者は「ul」「li」タグ内にナビゲーション「ブロック」を持っていることに気付きました。私はdivを使用しています。

私の質問は、div ではなく「ul」「li」タグを使用することの長所と短所は何ですか?

そして、次はnavで機能しますか？

これは私が頻繁に遭遇する問題です：

いくつかの水平ナビゲーションリンクを考えると、リンクが2本の線に押し上げられたり下がったりするように、リンクが押しつぶされないようにする方法はありますか？

これらのナビゲーションリンクのコンテナの最小幅を設定するだけで機能すると思いました（たとえば、ulまたはulのコンテナdivをmin-width：500pxに設定）が、例が示すように、それだけでは不十分です。単純なものが欠けているような気がしますが、それは未知の未知数です。

編集： li要素の余白を削除したところ、最終的に2行への折り返しが停止しました。ただし、含まれている要素の幅を単純に拡大するのではなく、追加されたパディングがなぜラッピングを引き起こしたのかはまだわかりません。

では、ナビゲーションリンクを鉄棒の形に保つためにどのようなテクニックがありますか？

これは、私が使用している現在の例を大まかに示したjsfiddleです。http： //jsfiddle.net/tchalvakspam/nE8yU/5/