Как я могу получить слайд-шоу, чтобы перестать изменять размер?

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; 
}