2

個人用サイトの Nivo スライダーとキャプションのサイズを変更したところ、画像とスライダーが中央からずれて左にずれています。その上のナビゲーションバーで中央に配置したいと思います。誰かがこれを手伝ってくれますか?

現在CSS、スライダー、画像、およびキャプションのプロパティには次のものがあります。

.nivoSlider {
  position:absolute;
  width:850px; 
  height:400px;  
  overflow:hidden;
}
.nivoSlider img {
  position:relative; 
  width:850px; 
  height:400px; 
  overflow:hidden; 
  top:0px; 
  display:none;
}
.nivoSlider a {
  border:0; 
  display:block;
}
.nivo-caption {
  position:absolute;  
  bottom:0; 
  background:#09dcc7; 
  padding:5px 5px 5px 5px; 
  z-index:8; 
  overflow:hidden;
}
4

2 に答える 2

4

中央に配置したいだけの場合はmargin: 0 auto;、スライダーラッパーで使用できます：

CSS

#slider-wrapper-full {
    height: 400px;
    margin: 0 auto;      /* Add this line */
    overflow: hidden;
    padding-top: 10px;
    width: 850px;
}
于 2012-05-30T18:34:30.673 に答える
0

答えが出るまで、私は別のエレガントではないアプローチを試みていました。

ファイル style.css で、検索し#slider-wrapper-fullて置換します

"padding-top:10px;"

と

"padding: 10px 0px 0px 75px;"

ただし、@Zuulが示すように、行を追加する方がはるかに優れているmargin: 0 auto;ため、nivoスライダーのサイズに加えた他の変更が中央に保持されます。

于 2012-05-30T18:44:30.717 に答える