ナビゲーションバー、メインコンテンツ、フッターを中央に配置する方法

私はネットワークコーディングの分野にはあまり慣れていないので、助けが必要です。私は地元のスポーツ チームの Web ページを作成しています。その Web ページの見栄えはそれほど良くなく、WordPress はあまり使いやすいものではないため、自分でコーディングしてみるほうが簡単かもしれないと考えました。ページ上のナビゲーション バー、メイン コンテンツ、フッターに入ることができません。ナビゲーション バー、メイン コンテンツ、フッターを幅 80% だけで入力して、背景にスポーツ チームのアスリートの写真が表示されるようにしたいと考えています) #footerWrapper{max-width...

P粉165823783 2023-09-16 13:52:33 0  1  1224

トースト UI ホームページに似たナビゲーション バーを作成する

私のインスピレーションの源は、次のようなナビゲーション バーを作りたいと思っていました。 Toastui ホームページ 私がやったこと これを実現するために、できる限りコピーしようとしました。次のような結果が得られます。 欲しいもの このようなものが欲しいです (これらは画像編集によって作成されました): オプション 1: 中央揃え オプション 2: 左揃え リンクされたリストの位置を、含まれるものに応じて動的にしたいリンクグループの。私がやったのは左揃えだけでした。つまり、UI を改善するために、リンク リストをそれを含むリンク グループの直下に配置したいと考えています。コードとボックスを編...

P粉619896145 2024-04-01 18:34:38 0  1  432

Thinkphp のダウンロード アドレスが見つかりませんか?

公式サイトにダウンロードナビがなく、どこからダウンロードすればよいのかわかりません。

leafleaf 2021-01-28 13:06:46 0  5  1433

angular.js - ionic でのナビゲーションにはタブと ion-nav-bar のどちらを使用する方が良いですか?なぜ？

多くはナビゲーションにタブを使用していることがわかりましたが、タブを使用するとデフォルトの戻るボタンが無効になるようです。タブ付きナビゲーションがデフォルトのナビゲーションよりも良い選択であるかどうか疑問に思っていますか?なぜ？ 補足: デフォルトの戻り値は、タブのビュー内にある限り無効になりません。

黄舟 2017-05-15 17:01:57 0  1  546

javascript - js で現在のページの先頭にある dom 要素を取得する方法。

主に、Baidu Encyclopedia の右側のナビゲーション バーと同様の効果を実現したいと考えています。ページがスクロールすると、右側のナビゲーション バーも変化します。ありがとう。 http://baike.baidu.com/item/G...

黄舟 2017-05-19 10:29:38 0  2  677

スクロール時にスペースが表示されないように、ナビゲーション バーの後ろの HTML と CSS に背景画像を追加してみてください。

ナビゲーションバーとフッターの下にHTMLとCSSで背景画像を埋める方法がわかりません。ナビゲーションバーをスクロールすると、スペースは単なる空白スペースになります。上下にスペースなしでスクロールしたいのです。ありがとう！ *{box-sizing:border-box;}body,html{margin:0auto;padding:0;}.background-container{background-image:url("http://placekitten.co

P粉118698740 2023-09-10 09:12:07 0  2  577

ナビゲーションバーを中央揃えにする

こんにちは。ページ上部の中央にナビゲーション バーを設定しようとしています。テキストの配置、項目を中央に配置しようとしましたが、これまでのところうまくいきません。このナビゲーション メニューをページの中央に配置する方法を知っている人はいますか? /*Clearfix*/.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;

P粉451614834 2024-04-02 09:56:33 0  2  457

モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか?

ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しようとしましたが、機能しません。また、アクティブな位置 (つまり X) のハンバーガー メニュー アイコンが適切に配置されていません。しかし、主な問題は、ナビゲーション バーをクリックすると折りたたまれることです。 $(document).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03 0  1  791

あるページから別のページに移動する: Cordova iOS でページ間を移動する

私は現在 iOSCordova を初めて使用しており、あるページから別のページに移動するのに苦労しています。クリックというボタンがあるページがどのように機能し、そのボタンをクリックすると次のページに移動するのかを知る必要があるだけです。 iOS でナビゲーション ビュー コントローラーを作成するのと同じくらい簡単です。

P粉066224086 2023-09-14 17:48:20 0  1  551

JavaScript が期待どおりに実行されない

htmlcssjs をレスポンシブにしようとしていますが、期待どおりに動作しません。最小化するとすでにレスポンシブになりますが、onclick では動作しません。ナビゲーションとナビゲーション バーが表示されず、クリックしても消えます。 htmlとcssは機能していますが、jsは何が間違っているかわかりません誰かが私を助けてくれますか？ letmenu=document.querySelector('#menu-icon');letnavbar=document.querySelector('.navbar');

P粉005134685 2024-04-04 13:05:32 0  1  447

ボタンがクリックされた場合のみフォームにリダイレクトし、オプションを選択します。それ以外の場合は、ナビゲーション タブの標準表示がデフォルトになります。

1 つのナビゲーション タブにフォームがあり、別のナビゲーション タブからそのフォームにリンクしています。以下のコードを使用して、複数のページからすべてのナビゲーション タブにリンクしています。 consthash=window.location.hash;constbsTab=newbootstrap.Tab(hash);bsTab.show(); それは機能しますが、可能であれば、URLからリダイレクトした後にハッシュタグを削除したいと考えています。これは、JavaScript のこの部分で発生している問題です。もう一つは

P粉012875927 2024-03-22 10:12:30 0  1  364

ブートストラップのナビゲーションバーのテキストを画像と揃えるにはどうすればよいですか?

私はブートストラップ ナビゲーションバーを使用しており、ナビゲーションバーのブランディングに画像を挿入しましたが、サイズが原因で位置合わせが台無しになります。それに付随するテキストを中央に揃えたいのですが、他のボタンのテキストも中央に揃える方法がわかりません。出力は次のようになります<aclass="navbar-brand"id="home"href="/"><imgsrc="https://cdn.disco

P粉221046425 2024-03-28 14:13:44 0  2  440

Vercel にデプロイされた Next.js アプリは特定のコンテンツをローカルでレンダリングしますが、実稼働ビルドではレンダリングできません

Next.JS と Firebase を使用して Web アプリケーションを構築し、Vercel にデプロイしました。最近、位置を静的なbottom:0に設定して下部ナビゲーションバーを追加したときまで、すべてが正常に動作していました。下部のナビゲーション バーでは、アイコンとテキストをレンダリングしています。 localhost では (npmrundev を使用して) 正常に読み込まれますが、Vercel にデプロイされた製品バージョンでは下部ナビゲーションのコンテンツがレンダリングされないことに気付きました。実稼働ビルドでは、下部のナビゲーション コンテナー (または div) のみがレ...

P粉042455250 2024-02-26 13:19:43 0  1  510

Next.js アプリケーション フォルダー内のいくつかのネストされたルートでルート レイアウト コンポーネントを非表示にすることはできますか?

rootlayoutがdashboardlayoutにラップされないようにする方法はありますか? Next.jsv13 ドキュメント: 私のファイル構造: ルート グループを使用できますが、これを行うと、連絡先のラッピングやルートの価格設定が無効になります。これを防ぐ方法はありますか?ホーム ナビゲーション バーを連絡先情報と価格ページに表示したいのですが、ホーム ナビゲーション バーをダッシュ​​ボードには表示したくありません。ルーティング グループを使用しようとしましたが、価格設定と連絡ルートのラッピングが無効になりました。 navbar.tsx"usecl

P粉418351692 2024-03-26 11:24:59 0  2  434