0

行に沿った構造を持つヘッダーがあります。

<div class=wrapper>
   <div id="header">[insert divs html]</div>
   <div id="wordpressmenu">[insert divs html]</div>
   <div id="Social_Media_Menu">[insert divs html]</div>
</div>

ソーシャル メディア メニューが新しくなりました。今日の午後に追加したばかりです。以前は、Wordpress のメニューとロゴ (ロゴはヘッダー div 内にあります) がメイン メニューのすぐ上に配置されていました。大きな画像を持つソーシャル メディア メニューを追加してから、wordpress のメニューとロゴが正しく配置されなくなりました。ソーシャル メディアのナビゲーション画像の上部に配置されます。

ワードプレスのメニューを以前の位置、つまり一番下に揃えたいと思います。以下の 2 つの画像は、これを示しています。

かつての様子(正しい位置合わせ) ここに画像の説明を入力

次に、divソーシャルメディアメニューを追加しました ここに画像の説明を入力

ロゴの下部とメイン メニューの間に隙間ができるようになりました。また、オリジナルのオレンジ色のメニューとメイン ナビゲーションの間にギャップがあります。

なぜこれを行うのですか?ワードプレスのナビゲーション (オレンジ色のナビゲーション) とソーシャル メディアのナビゲーションのプロパティを表示するように設定しようとしました: インラインで、それらに固定幅を与えました。運がない。

メイン ナビゲーションとロゴとオレンジ色のナビゲーションの間のスペースが、ソーシャル メディア ボタンを追加する前と同じになるように、このギャップを削除する方法を誰かが理解できますか?

ウェブサイトはこちら (正直、どの CSS を含めるかわかりません) http://tinyurl.com/c8djrvr

4

2 に答える 2