問題タブ [nav]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
19242 参照

html - 防止する

顧客が要求した (特定の制限を含む) デザイン/レイアウトを達成しながら、html5 セクション要素と見出しを使用して正しいセクションを実装しようとしています。

一般的なレイアウトは次のようになります。

今気になっているのは、html5 アウトライナーを使用すると、ブレッドクラム ナビゲーションとメイン ナビゲーションが無題のセクションとして表示されることです。階層的な見出し構造に従っているため、h2 より下に見出しを付けることはできません。もちろん、見出しをまったく「タイトル」にすることはできず、CSS で見出しを隠して「タイトル」にすることは間違っていると感じます。

意味的に正しいままにし、seo 基準を確認し、それらが無題のセクションとして表示されないようにする最善の方法は何ですか?

0 投票する
3 に答える
145 参照

jquery - Jqueryメニューとカーソルの問題

HTMLDriveJQueryメニューで見つけたこのナビゲーションメニューの.hoverカーソルを変更しようとしています。

私が使用したJQueryについては、cssとjqueryを試してみました...

これは単なる例であり、nav、menu、li、ulスタイルなどのすべてのhtmlをテストしてきました。

だから誰かが私を助けて、何が起こっているのか教えてくれますか?

ちなみに、ナビゲーションメニューを除く他のすべてのHTMLでカーソルを編集することができます。

0 投票する
2 に答える
516 参照

html - ヘッダータグに複数のnavタグを含めることはできますか?

たとえば、ページの上部にネットワーク上のサイトへのリンクを含むネットワークナビゲーションメニューがあり、メインのナビゲーションにはこのサイトへのナビゲーションが含まれています。これらのナビゲーションアイテムの両方をhtml5の同じヘッダータグに含めることはできますか?だから私は次のようなものを持っているでしょう

これは有効ですか?

0 投票する
2 に答える
285 参照

html - 別のマシンで横方向のナビゲーションが横一列に表示されない

こんにちは、水平方向のナビゲーションを備えた django アプリがあります。最近何が起こったのか、Windows マシンから接続してアプリを使用することにしました。これは、私の水平ナビゲーションが以下のように見えるものです。

ここに画像の説明を入力

何らかの理由で、バックアップ データとヘルプが新しい行に移動されます。しかし、これら 2 つのタブを同じ水平ナビゲーション ラインに配置したいと考えています。別の Web ブラウザを使用してみましたが、メニューは同じように見えました。

これが起こった理由の 1 つとして考えられるのは、私の解決策かもしれませんが、よくわかりません。私の Windows マシンの画面解像度は 1440 X 900 ですが、Linux マシンの解像度は 1024 X 768 です。

すべてのタブを同じ行に配置する必要があるのだろうか。それを行うには、いくつかの css を追加する必要があるかもしれません。

base_menu.html

更新: base.css ファイル

0 投票する
2 に答える
4304 参照

javascript - CSSホバーで他の要素を変更

私はCSSで行ったこのナビゲーションバーを持っています.3つのナビゲーションアイコンの1つにカーソルを合わせると、メイン画像の背景位置が変更されます。

私はいくつかの方法を試しましたが、それらを適切に機能させることができませんでした。

CSS

HTML

これを行う方法はありますか?「navname」要素は、nav1、nav2、nav3 のいずれかにカーソルを合わせたときに変更したい背景位置です。

ありがとう

0 投票する
4 に答える
5535 参照

html - HTML5 フッター要素内のリンク (nav と aside?)

現在、ページを HTML4 から HTML5 に移動していますが、ある種の問題があります。フッター内にリンクを含むリストがたくさんあります。それらのほとんどは、サイト自体に関する情報 (FAQ など) にリンクしています。したがって、これらを nav 要素内に配置しても問題ないと思います (「HTML5 の紹介」と HTHML5 Doctor を参照)。しかし、2 つのリストには、Facebook などの外部ページへのリンクが含まれています。これで、それらを脇にラップできますが、これは少し特殊なケースです。

「サイトの他のページへのリンクをフッターの内側に aside でラップすることは正当ですが、代わりに aside をフッターの兄弟にするかどうか自問してください [...] 結局のところ、他のページへのリンクはおそらくフッターのコンテンツだけでなく、ページ全体に関連しています。」(HTML5導入)

ラップせずにフッター内に残すこともできます。フッター内のすべてのリンクのリストは「視覚的な単位」であるため、セマンティクスに関してはその方が良いかもしれませんが、現時点ではフッターから外部リンクを完全に削除したくありません。

同様のフッターを持つ HTML5 サイトを探していましたが、見つかりませんでした。

皆さんは、どのようなアプローチが最善だと思いますか?

ありがとう

0 投票する
4 に答える
3236 参照

php - mysqlphpマルチレベルリストナビゲーションを作成する方法

基本的に、マルチレベルのナビゲーション(多くのサブナビゲーション)を作成できるようにしたいと思います。明らかに、これはお互いにリストを作成することによって行われることを私は知っていますが、私はそれを正しく表示するロジックにかなり固執しています。

親子関係については見たことがありますが、効率的でわかりやすいものは見つかりません。

HTMLがどのように構築されているかを知る必要はありません。php/mysqlがリストを生成する方法。

あなたが助けることができることを願っています。

A

0 投票する
2 に答える
145 参照

jquery - 単純なjQueryとCSSナビゲーションが更新時にランダムに正しく機能しない...すべてのブラウザ

さて、これはすべてのブラウザと解像度に当てはまるようです。私はコーディングにまったく慣れていないので、それは私が見逃している単純なエラーであるとかなり確信しています。私は友人のグループに尋ねました、そしてそれは誰にとっても同じようです。ナビゲーションホバーは、メインのコード化されたレイアウト(まだ完全にコード化されていない)でのみ機能する場合があります。ナビゲーションを単独で引き出しましたが、100%正常に動作しているようです。

ここでどのように機能するかを確認できます:http://dperolio.com/newnav/css/

ここに問題があります:http://dperolio.com/tealtop2

最初はうまくいくかもしれませんし、うまくいかないかもしれません。スパム更新(Ctrl + R)を行うと、機能する場合があります。動作しないときは、何があってもホバー状態になっているようです(太字の白いリンク)。

私はあなたが提供できるどんな洞察にも感謝します。繰り返しになりますが、私は愚かな間違いを犯したと確信しています。うまくいけば、より経験豊富な誰かがそれを見つけて指摘してくれるでしょうか。ありがとう!

0 投票する
2 に答える
706 参照

javascript - URL ハッシュ ページ ジャンプ... ヘッダーのオーバーラップを修正

これが取引です

固定のヘッダー/ナビゲーション バーがあり、#urlhash を介して何かにジャンプすると、オーバーラップします。

これで、コンテンツの前に div を追加してそこにジャンプできるようになりましたが、それではスタイル全体が台無しになってしまいます。

ジャンプ後に約200pxのパディングを追加するJavaScript/jQueryのトリックはありますか?

0 投票する
1 に答える
363 参照

html - 水平方向のナビゲーションを中央に配置したい

湾曲したタブを備えた水平ナビゲーションがあります。画面の解像度が何であれ、水平方向のナビゲーションを中央に配置したいと考えています。現在、私の水平ナビゲーションは左マージンから 260px 離れています。したがって、この方法の代わりに、画面の解像度に関係なく、画面の中央に配置したいだけです。

base_menu.html

base.css