nivo滑块的定位

时间:2012-05-30 18:28:35

标签: css positioning nivo-slider

我更改了My Site上的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;
}

2 个答案:

答案 0 :(得分:4)

如果您只想让它居中,可以在滑块包装上使用margin: 0 auto;

<强> CSS

#slider-wrapper-full {
    height: 400px;
    margin: 0 auto;      /* Add this line */
    overflow: hidden;
    padding-top: 10px;
    width: 850px;
}

答案 1 :(得分:0)

当答案出现时,我正在尝试一种不那么优雅的方法。

在style.css文件中,搜索#slider-wrapper-full并替换

"padding-top:10px;" 

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

但是,正如@Zuul指出要添加行margin: 0 auto;要好得多。它将保持您对nivo滑块大小居中的其他更改。