0

私はこれから行きました: www.gofar.org

これに: www.gofar.org/homepagetest.html

ナビゲーション バーの右端にある 1 つのブロック セパレータを削除しようとしました。迷っています。

divに入れてみましたが、本当に必要なのは、背景画像（緑）をヘッダーの左側から右側の端に移動させることです。方法がわからないだけです。ここにCSSがあります

ul#saturday{
margin:0;
padding:0;
list-style-type:none;
width:100%;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-size:12px;
font-weight:normal;
background:transparent url("bgOFF.gif") repeat-x top left;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
border-bottom:4px solid #336666;
overflow: hidden;
color: #003;
text-align: center;
z-index: auto;
}

表に入れてみましたが、ヘッダー全体に収まることはありません。

4

2 に答える 2

1

これが役立つ場合があります。 

/* Remove left padding from header  */
.twoColFixLtHdr #header {
  padding: 0 10px 0 0px; 
  /* padding: 0 10px 0 20px;  OLD - Delete this line*/
}

/* Add left padding to ul  */
ul#saturday {
  padding-left: 10px;
}


/* Remove border bg from last anchor  */
ul#saturday li:last a {
  background-image: none;
}

また、これらを chrome インスペクター ツールで読んだり見たりすると、CSS をブラウザーでライブで編集できるため、初心者でもエキスパートでも同様に作業が簡単になります。

https://developers.google.com/chrome-developer-tools/docs/videos

于 2012-05-20T05:29:52.737 に答える
0

width:100% を使用する代わりに、白いコンテナーの幅に変更してみてください。そうすれば、それはずっと横切るでしょう。Width:100% は、コンテンツと同じ大きさにのみ設定します。

于 2012-05-20T05:20:01.977 に答える