問題タブ [navbar]

Twitter Bootstrapのナビゲーションバーにロゴ画像を挿入するにはどうすればよいですか?

主な要件:

画像は左側に配置する必要があります。

その隣にブランドクラス。ブランドを右にずらしてみました。画像が表示されますが、モバイルまたは小さなブラウザー ウィンドウでは、ブランド クラスが画像の上に表示されます。

右端のドロップダウン メニュー。

私の人生では、ホームページ以外のページでのみ、ナビゲーションバーの上部に余分なパディングまたはマージンがあることを理解できません。ホームページ上では正しく見えます。

私はこれに何時間も費やしてきました。

サイトはこちらからご覧いただけます

私たちについてまたはブログ投稿をクリックして、変更を確認してください。このテンプレートは css の点で (少なくとも私にとっては) 少し面倒で、他のページで実際に何が変更されているのかわかりませんでした。

誰かがここで助けてくれることを願っています。

よろしくお願いします、J

そうです、私はかなり複雑なサイトを自己編集しており、メニューに関するこの最後の部分で立ち往生しています。float:left コマンド (ナビゲーションバーが画面の左側に整列して表示されます) があり、ラッパーを使用して text-align:center (画面内の中央に表示される) にしようとしましたが、失敗しました。

以下はコーディングです：

私はプログラミングの初心者であり、試行錯誤とGoogle Chromeの「要素の検査」コマンドの組み合わせでほとんど生き残っています。優しく、むしろ説明してください:)

乾杯、ジェス

カスタム ナビゲーション バー アイコンを作成したところ、それらが表示されます。しかし、彼らは円の中に閉じ込められています。クエリ モバイルのビルトイン サークルからアイコンを大きくする機会はありますか?

次のページを見て、私が何を意味するかを確認してください。

https://web.archive.org/web/20120511013421/http://evangelich.de/test/#p5

これが私のコードです：

CSS:

HTML:

どうしたの？どうすればそれを変更できますか?

私は Dreamweaver CS6 を使用しており、以下のコードを添付しました。すべての jquery ファイルを最新リリースに更新しました。ライブ ビューに移動すると、最初の 2 つのボタンの両方をクリックできますが、3 番目のボタンはどちらのページでも機能せず、右端がきれいに表示されません。cssまたはコード自体に何か問題がありますか。ありがとう

私は Dreamweaver CS6 を使用しており、以下のコードを添付しました。すべての jquery ファイルを最新リリースに更新しました。ライブ ビューに移動すると、最初の 2 つのボタンの両方をクリックできますが、3 番目のボタンはどちらのページでも機能せず、右端がきれいに表示されません。cssまたはコード自体に何か問題がありますか。ありがとう

Twitter Bootsrap の navbar を使用して、Web サイトの上にナビゲーション バーを配置しています。(class="navbar navbar-fixed-top")
Google 翻訳ウィジェットも使用する必要があります。ここ
に書かれているツールを使用します。

しかし、ユーザーが翻訳する言語を選択すると、Google は私のページの上に水平なナビゲーション バーを配置します。そのバーは、自分のナビゲーション バーを覆い隠します。ナビゲーション バーを Google の水平バーのすぐ下に表示する必要があります。

z-index を使用する必要がありますか? しかし、その場合、そのうちの 1 つが他のナビゲーション バーをマスクしますか? より良い解決策はありますか？それらの1つを別のものの下に表示するには？ありがとうございました

編集: 次のコードをページの上部に追加すると、Google はナビゲーション バーの前にナビゲーション バーを配置し、すべてがうまくいくように見えます。しかし悪いことに、Google のナビゲーション バーはすべてのユーザーに表示されます。ページの言語を話さないユーザーにのみ表示する必要があります。

編集：「言語が異なる場合はGoogle翻訳を表示する」や「水平バーを表示する」などのオプションはないと思います。ユーザーの言語を考慮せずに水平バーをロードすると、すべて正常に機能します。しかし、ネイティブスピーカーにはGoogle翻訳バーが表示されます。マイページからスペースを取ります。

JQueryを使用してスライドナビゲーションメニューを作成しようとしています。アイデアは、2つ以上のメインセクションがあり、各セクションにはいくつかのサブセクションがあるということです。

ユーザーが1つのセクションにカーソルを合わせると、サブセクションが水平方向に展開され、別のセクションが現在開いていてそのサブセクションが表示されている場合は、折りたたまれてメインセクションのみが表示されます。

次のように、セクションの幅を拡張するためのいくつかの基本的なコードを実装しました。

このためのHTMLは

現在は実際には何もしていませんが、これについて助けていただければ幸いです。また、これが機能する場合、ブラウザ固有の注意点はありますか？

編集：セクションが展開されたときに、別のセクションがホバーされるまでその状態のままにしておきたいとは言いませんでした。

ありがとう

jQuery Mobile を使用して WebApp を作成しています。

そして、私はこのようなページを持っています:

ライブ デモはhttp://jsfiddle.net/FB9KJ/にあります。

<div data-role="navbar">問題なく動作していますが、ページごとに繰り返したくありません。

すべての jQuery Mobile ページで同じナビゲーション バーを使用する方法はありますか?

ページの中央にナビゲーションを配置し、さまざまな解像度で中央に配置できるようにしたいと考えています。オフセットを使用してそれを押し上げたり、マージンを左に移動したりしたくありません。これは、さまざまなブラウザーの幅でそれを台無しにするだけだからです。これは私がいじっている典型的なバーですが、ul は常に左揃えになります。

だから私は私が作っているこのナビゲーションバーを持っています。私はデモンストレーションするJsfiddleを持っています。要素にカーソルを合わせると、サブリストが表示されますが、よく見ると、その左端は、それを呼び出した navbar 要素のわずか 1 ピクセル前にあります。

これを取り除くために追加できるCSSルールはありますか?つまり、サブリストを1ピクセル戻しますか? 私はJSでこれを達成できることを知っています（すべてのnavbar要素を取得し、左からの距離を計算し、そのサブリストを取得して、要素の左の値より1少ない左の値を与えます）が、今のところ私はしたいと思います今のところ避けてください。

可能であれば CSS ソリューションを希望しますが、もちろんそうではありません。教えてください。可能であれば、JS の代替案を提供してください。