如何让我的幻灯片停止改变大小？

Question

我似乎无法让我的html / css幻灯片停止改变大小。我不知道如何更好地解释它然后“改变大小”所以去自己检查一下:(要让幻灯片加载向下滚动页面然后备份）dogmother.ca。我试图改变一些CSS来阻止它但我不能让它与html一样工作。如果有人有任何想法，请告诉我，因为我需要尽快修复此问题。

index.html幻灯片显示源代码：

 <div class="slider">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="images/banner1.jpg"  />
                <img src="images/banner2.jpg" />
                <img src="images/banner3.jpg"  />
                <img src="images/banner4.jpg" />
                <img src="images/banner5.jpg"  />
            </div>
       </div>
     </div>

幻灯片放映的CSS可以在这里找到：

http://dogmother.ca/css/slider.css

Answer 1

阅读您的评论，听起来您想要删除导航和图片之间的间距。你在滑块上有样式。删除上边距或将其更改为您选择的值（在您网站上的slide.css中找到）

}
.css-slideshow{
  position: relative;
  max-width: 1586px;
  height: 400px;
  margin: 0 auto .5em auto;
}