Wie kann ich meine Diashow dazu bringen, die Größe nicht mehr zu ändern?

Ethan Tochter

Ich kann meine HTML / CSS-Diashow anscheinend nicht dazu bringen, die Größenänderung zu stoppen. Ich weiß nicht, wie ich es besser erklären kann als "Größe ändern", also probieren Sie es selbst aus: (Um die Diashow zu laden, scrollen Sie auf der Seite nach unten und dann wieder nach oben) dogmother.ca . Ich habe versucht, einige der CSS zu ändern, um es zu stoppen, aber ich kann es nicht dazu bringen, dass es mit dem HTML gleich funktioniert. Wenn jemand irgendwelche Ideen hat, sag es mir bitte, da ich dies so schnell wie möglich beheben muss.

Der Quellcode der Diashow 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>

Das CSS für die Diashow finden Sie hier:

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

Brian Gerhards

Wenn Sie Ihre Kommentare lesen, möchten Sie den Abstand zwischen der Navigation und Ihren Bildern entfernen. Sie haben Styling auf dem Schieberegler. Entfernen Sie den oberen Rand oder ändern Sie ihn in den Wert Ihrer Wahl (in slide.css auf Ihrer Website zu finden).

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

Verwandte Artikel