Nivo Slider не по центру

Question

Проверьте http://waterski.allthingswebdesign.com/index.php/site/index, и вы можете видеть, что мой слайдер Nivo находится не по центру на фоне.Я не могу понять, почему это так.(игнорируйте 2-е и 3-е изображения, поскольку я знаю, что они имеют неправильный размер, но 1-е - это).

Answer 1

У вас есть два варианта ...

a: делать то, для чего было разработано программное обеспечение, и использовать точный размер изображений.

b: удалить стиль рамки и тень отСам слайдер, и примените его к изображению.Затем используйте стили CSS для центрирования изображения.

#slider img{
    margin-left:0 auto;
    margin-right:0 auto;
}

По сути, спрячьте все следы ползунка div и просто отцентрируйте изображения внутри.Это было бы странно, но если это то, к чему ты стремишься, тебе тоже больше силы.

Answer 2

Проблема в размере изображения, nivoSlider использует его в качестве фонового изображения, поэтому изменение размеров отсутствует, как в теге img или в центре.Размер изображения составляет 830x302 пикселей, а контейнера nivoSlider - 838x311 пикселей, так что вы видите разницу.

Answer 3

Это потому, что Nivo Slider имеет определенную ширину и высоту.Ни одно из ваших изображений не заполняет его. Нет ваших изображений.

Первое изображение почти делает это, но так как оно не делает, оно оставляет некоторое пространство с правой стороны и внизу.