Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как выровнять изображение в слайдере?

Как выровнять изображение в слайдере?

     13.11.2016    Все вопросы » Стили (CSS)    656

вопрос
Использую на своем сайте слайдер (flexslider) на всю ширину сайта, подскажите, как можно выровнять изображение в нем? Сейчас выводит верх изображения, а хотелось бы чтобы попадало все.
Как выровнять изображение в слайдере?

Используются такие стили
.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 2px;
}

Ответа пока нет

 

1 комментарий

karakymv
Юзер

karakymv - 21 ноября 2016 14:11 -

попробуй добавить
vertical-align: middle;
идеальный вариант, передавать url изображения не в свойство src="" тега img а в background-image: url(); фиксированного блока. То есть делаешь блок фиксированной высоты, в шаблонах сайта тег {image-1} ставишь в блоке в свойство style="background-image:url({image-1});"
А в стилях для этого блока ставишь такое:
background-size: cover;
background-position: center;
И будет тебе счастье.
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 10.09.2011 Arkus  Стили (CSS), Ламерские вопросы
 06.02.2013 onneuha  Стили (CSS)
 21.05.2013 Uralbox  Шаблоны (TPL), Стили (CSS)
 12.10.2013 Uralbox  Стили (CSS)
 24.12.2013 sk  Стили (CSS)
 11.09.2014 Bodyak  Шаблоны (TPL), Стили (CSS)
 06.08.2015 onlinehero  Шаблоны (TPL), Стили (CSS)
 09.12.2015 Медведь  Стили (CSS), Ламерские вопросы
 01.03.2016 music_creations  Шаблоны (TPL), Стили (CSS)
 06.09.2016 ZeN41k  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
  • deadluk | Где косяк в коде ? 3
    Фото deadluk
    deadluk
    Где косяк в коде ?
    Вчера, 16:56
    эт
    $coll_e = " <span itemscope itemtype=\"http://data-vocabulary.org/Breadcrumb\"><a href=\"/collections/\" itemprop=\"url\"><span itemprop=\"title\">Подборки</span></a></span>";

    на эт
    $coll_e = " <span itemscope itemtype=\"http://data-vocabulary.org/Breadcrumb\"><a href=\"collections/\" itemprop=\"url\"><span itemprop=\"title\">Подборки</span></a></span>";
  • dess | Убрать из тега category определенные кат ... 2
    Фото dess
    dess
    Убрать из тега category определенные категории
    Вчера, 16:46
    В DLE 13 - не срабатывает
  • Automatic | Где косяк в коде ? 3
    Фото Automatic
    Automatic
    Где косяк в коде ?
    14-07-2018, 04:42
    К сожалению не помогло
  • oxana | Как изменить ссылку на картинку разметки ... 8
    Фото oxana
    oxana
    Как изменить ссылку на картинку разметки OG?
    14-07-2018, 03:49
    А как сделать такую последовательность:

    Первым проверяется дополнительное поле "Загружаемое изображение".
    Если заполнено, то в Open Graph идет ссылка на оригинальное (самое большое) изображение из этого поля.

    Если дополнительное поле "Загружаемое изображение" не заполнено, то проверяется наличие картинок тексте в новости. Если есть, то в Open Graph идет ссылка на оригинальное изображение первой картинки найденной в тексте.

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

    Если в коротком описании нет изображений, то в Open Graph идет заглушка.
  • vitnet | Где косяк в коде ? 3
    Фото vitnet
    vitnet
    Где косяк в коде ?
    13-07-2018, 20:15 
    $coll_e = " <span itemscope itemtype=\"http://data-vocabulary.org/Breadcrumb\"><a href=\"{$config['http_home_url']}collections/\" itemprop=\"url\"><span itemprop=\"title\">Подборки</span></a></span>";

$coll_e.= " {$config['speedbar_separator']} " . strip_tags(stripslashes($row['title']));
  • dess | Как в UniForm при отправки получить назв ... 6
    Фото dess
    dess
    Как в UniForm при отправки получить название новости в письме?
    12-07-2018, 11:38
    Подскажите как вывести данную переменную 
    [uf_field_price]{price}[/uf_field_price]

    в самой форме как информацию или заголовок формы! Спасибо
  • decorcity.39 | Как добавить "Дом. адрес"и "Телефон" в о ... 3
    Фото decorcity.39
    decorcity.39
    Как добавить "Дом. адрес"и "Телефон" в обратную связь DLE 13.0?
    12-07-2018, 10:42
    Нет. Это называется: "Поставлена задача, времени в обрез, юзается Гугл в поиске решения, которое наверняка уже кто-то ранее использовал". Но, это так - для пояснения любителям указывать "что Людям делать".

    На будущее: если не сложно подсказать "решение вопроса" - подсказываем, НО если помимо подсказки тянет ещё и на "наставления" - проходим мимо (поправляя на голове спадающую корону) и не утруждаемся с ответом.
  • Risha | Сначало подкатегория потом статьи можно ... 4
    Фото Risha
    Risha
    Сначало подкатегория потом статьи можно ли реализовать?
    12-07-2018, 03:02
    Erik88,
    Поделитесь своим опытом как можно реализовать плиз
  • RedFox | Запретить вывод определенной категории в ... 20
    Фото RedFox
    RedFox
    Запретить вывод определенной категории в "похожих новостях"
    11-07-2018, 17:05
    Для DLE 13 в виде плагина кто-нить адаптирует?
    Кину соточку на чипсы (ЯндексД) :)
  • irrwisch | Как добавить "Дом. адрес"и "Телефон" в о ... 3
    Фото irrwisch
    irrwisch
    Как добавить "Дом. адрес"и "Телефон" в обратную связь DLE 13.0?
    11-07-2018, 16:21
    Это называется надо читать документацию.
    Помимо обычных input type="text", можно использовать type="checkbox", type="radio", type="file", а так же textarea и select
наверх