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

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

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

вопрос
Использую на своем сайте слайдер (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), Ламерские вопросы
 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)
  • Shura0102 | Как не выводить short-story в полной нов ... 6
    Фото Shura0102
    Shura0102
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 19:49
    Смотрю в книгу вижу фигу! Спасибо, что направили, я думаю это то что нужно.
  • TeraMoune | Как не выводить short-story в полной нов ... 6
    Фото TeraMoune
    TeraMoune
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 19:36
    Тег называется IF и он для всех шаблонов карточек новостей, буквально последний в документации перед тегами вывода расширенной информации о авторе.
  • Shura0102 | Как не выводить short-story в полной нов ... 6
    Фото Shura0102
    Shura0102
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 17:07
    Для fullstory.tpl ни чего подобного в документации я не вижу
  • TeraMoune | Как не выводить short-story в полной нов ... 6
    Фото TeraMoune
    TeraMoune
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 17:01
    Для актуальных версий используйте теги условий. Читайте документацию там давно появились теги которые помогают реализовать такие проверки по многим полям.
  • Shura0102 | Как не выводить short-story в полной нов ... 6
    Фото Shura0102
    Shura0102
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 12:40
    Это в engine/modules/show.full.php после чего ставить?
    Я сделал в engine/modules/show.full.php
    заменил
    $tpl->set( '{short-story}', $row['short_story'] );

    на
    $tpl->set( '{short-story}', $row['short_story'] );
$tpl->set_block("'\\[short_story\\](.*?)\\[/short_story\\]'si", $row['short_story'] ? '\\1' : '');

    Но при таком методе работает
    [short-story]Показать этот текст, если есть краткая новость[/short-story]

    а как добавить условие
    [not-short-story]Показать этот текст, если краткой новости нет[/not-short-story]

    не пойму
  • rewenas | Как не выводить short-story в полной нов ... 6
    Фото rewenas
    rewenas
    Как не выводить short-story в полной новости если он пустой?
    Вчера, 12:30
    Не очень понятно из описания чего именно хотел. Но если вот это:

    
[short-story]Показать этот текст, если есть краткая новость[/short-story]  
[not-short-story]Показать этот текст, если краткой новости нет[/not-short-story]


    Тогда вот так:
    
if (!empty($row['short_story'])) {
    $tpl->set('[short-story]', "");
    $tpl->set('[/short-story]', "");
    $tpl->set_block("'\\[not-short-story\\](.*?)\\[/not-short-story\\]'si", "");
} else {
    $tpl->set('[not-short-story]', "");
    $tpl->set('[/not-short-story]', "");
    $tpl->set_block("'\\[short-story\\](.*?)\\[/short-story\\]'si", "");
}
  • byroot | Как изметить тег titlе в /engine/engine. ... 3
    Фото byroot
    byroot
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:49
    старый код адаптировать не долго, если найдётся такой хак к старым версиям.
  • qpool | Как изметить тег titlе в /engine/engine. ... 3
    Фото qpool
    qpool
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:17
    спасибо попробую ! но просто раньше помню в старых версиях менялось все engine.php
  • byroot | Как изметить тег titlе в /engine/engine. ... 3
    Фото byroot
    byroot
    Как изметить тег titlе в /engine/engine.php ?
    29-05-2025, 11:05
    Можешь использовать плагин https://sandev.pro/web/159-fullstory-metatags-by-sander.html и настроить метатеги как захочешь через fullstory.tpl
  • byroot | Вопрос по Тегам и Описании к ним? 9
    Фото byroot
    byroot
    Вопрос по Тегам и Описании к ним?
    28-05-2025, 02:56
    используй систему ПЛАГИНов а не физические правки в файлах, и потом всё при обновлении будет чуть проще.
наверх