0

元のナビゲーションバーよりも短い2番目のナビゲーションバーを元のナビゲーションバーの右側に合わせようとしています。おそらくあまり意味がないので、ここに役立つ画像があります：http: //i49.tinypic.com/nohno7.jpg

上部のナビゲーションバーのCSSは次のとおりです。

#nav { width:940px; height:40px; margin:0 auto; padding:0; font-size:105%; background:url(../images/bg-nav.png) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; }

2番目のナビゲーションバーのCSSは次のとおりです。

#nav2 { width:547px; height:40px; margin:1px auto; padding:0; font-size:105%; background:url(../images/bg-nav.png) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; }

誰かが私を正しい方向に向けるのを手伝ってくれるなら、それは素晴らしいことです。

どうもありがとう。

4

2 に答える 2

0

float:right2番目のナビゲーションバーに関する質問を解決できるでしょうか。

編集：私はあなたのページがどのように見えるかを知っていると思います：あなたのナビゲーションバーはbodyタグのすぐ内側にあります。それでは、いくつかの小さな変更を行いましょう。

  1. 2つのナビゲーションバーを保持するdivを追加します。それを呼びましょうnav-bar。
    <div id="nav-bar"><!--1st nav--><!--2nd nav--></div>

  2. いくつかのcssを追加します：
    #nav-bar {width:940px;height:80px; margin:0 auto; padding:0;}
    #nav2 {float:right;}

そして、nav2の残りのCSSを完了します。これがお役に立てば幸いです。

于 2012-09-06T22:41:29.813 に答える
0 
.nav-container2 { width:940px; margin:auto; height:30px;}
#nav2 { width:547px; height:40px; float:right; margin:1px 0 0 0; font-size:105%; background:url(../images/bg-nav.png) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 3px #ccc; }
于 2012-09-06T23:07:47.073 に答える