0

サイトのすべてのカテゴリ ページで、上部のリンク メニューが整列されていません。サンプル リンク -カー ファイナンスセクションを参照してください。

*トップメニューの左側に3番目のリンクを配置しようとすると、次の行に分割されます

上部メニューの右側でも同じ問題 - 4 番目のリンクが次の行に分割される*

幅を変更しようとしました-すべての順列/組み合わせを使用しました-しかし、助けにはなりませんでした

私たちが求めるのは、

  • .footer-top-box-left - トップ メニュー リンク ユニット用
  • .footer-top-box-right - Google カスタム検索ボックス用

両方が1行になるように

以下は、使用されるcssのコードです-plは提案します

#footer-container { 
   float:left;
   width:1000px;
   clear:both;
   background:#FFFFFF;
   text-align:center !important;
}   

#footer-container .footer-top-box {
   float:left;
   width:965px;
   margin:0 0 10px 5px;
   padding:0 5px 0 10px;
   height:33px;
   background:url(../images/footer-box-bg.gif) repeat-x;
   border:1px solid #e7e5e5;
}    

.footer-top-box .footer-top-box-left {
   float:left;
   width:300px;
   margin:0 0 0 5px;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#000000;
   text-align:left;
   padding:10px 0 0 0
}    

.footer-top-box-left img {
   margin:0 3px 0 3px;
}    

.footer-top-box .footer-top-box-right {
   float:right;
   width:500px;
   margin:0 5px 0 0 ;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#000000;
   text-align:right;
   padding:10px 0 0 0;
}    

.footer-top-box-right p {

margin:0;
padding:0;
font: normal 10px Arial, Helvetica, sans-serif;
color:#000000;
}    

.footer-top-box-right p a:link,
.footer-top-box-right p a:hover,
.footer-top-box-right p a:visited { 
   margin:0;
   padding:0;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#b60205;
   text-decoration:underline;
   text-align:justify;
}
4

1 に答える 1

1

ホルダー div の幅を「footer-top-box-left」または「footer-top-box-right」に変更すると、機能するはずです。

HTML のコピーでテストすると、「footer-top-box-left」の幅を 300px から 400px に変更した後、左側に 3 番目の項目を追加できました。

ボックス ボックスを 1 行にしたい場合は、1 つの div を作成し、右揃えにする必要があるメニュー項目に float: right を使用することをお勧めします。

于 2012-08-17T14:24:59.470 に答える