Flexslider добавляет пустое пространство над и под слайдами

Может ли кто-нибудь сказать мне, почему это может быть? Я новичок, но не вижу в flexslider.css ничего, что могло бы добавить это пространство. Спасибо!


person user1773116    schedule 25.10.2012    source источник


Ответы (2)


Я была такая же проблема. Кажется, это в основном из-за пробелов при копировании с примера html сайта FlexSlider.

Пример оформлен так:

<ul class="slides">
    <li>
        <img src="slide1.jpg" />
    </li>
</ul>

Если переформатировать вот так...

<ul class="slides">
    <li><img src="slide1.jpg" /></li>
</ul>

... большая часть нежелательного пространства исчезает.

По умолчанию в div .flexslider также есть граница в 4 пикселя, и у меня также была еще одна строка нежелательных пробелов, которую я удалил с отрицательным верхним полем, равным моей высоте строки по умолчанию:

.flexslider {
    border: 0 !important;
    margin-top: -1.4em !important;
}
person Matt    schedule 20.02.2013

Если ваш ползунок содержит элементы изображения, вам может потребоваться установить для изображений значение display:block. Кроме того, если бы вы могли привести пример, было бы легче диагностировать.

person mattisahuman    schedule 05.12.2012