X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Адаптация слайдера под все разрешения в DLE, На 3ёх гуру форумах так и не помогли:(
wiggazmoney
wiggazmoney
Topic Starter сообщение 8.1.2015, 15:13; Ответить: wiggazmoney
Сообщение #1


Новичок
*

Группа: User
Сообщений: 18
Регистрация: 24.3.2014
Поблагодарили: 0 раз
Репутация:   -1  


Уважаемые вебмастеры, прошу помочь мне с одним вопросом, на который я уже долго пытаюсь найти ответ сёрфя инет. Есть у меня шаблон для DLE. Он стандартного типа - разрешение 1000px. Так вот я правил style.сss, чтобы сделать шаб резиновым. И везде значения в 1000px я заменил на 90%. Шаблон растянулся как положено (слайдер,хэдер и контейнер). Вот только картинка в слайдере остаётся прежнего размера. Получается, слайдер растянулся, а картинка - нет. Если вставить картинку большего разрешения, то получится, что она вылезет за рамки на мониторе с маленьким разрешением. Вопрос - как слайдер сделать адаптивным под все разрешения?

Вот код в style.css, который, я так понимаю, отвечает за слайдер:

.slides_container {
background-color:#000;
width:100%;
overflow:hidden;
}

вот скрин

Сообщение отредактировал wiggazmoney - 8.1.2015, 15:14
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
roamn
roamn
сообщение 8.1.2015, 15:41; Ответить: roamn
Сообщение #2


Новичок
*

Группа: User
Сообщений: 44
Регистрация: 2.11.2012
Из: Алчевск
Поблагодарили: 9 раз
Репутация:   2  


wiggazmoney, стукните в аську 177737378


--------------------
Я на Brainstorage
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
Gerga
сообщение 9.1.2015, 0:12; Ответить: Gerga
Сообщение #3


Участник
***

Группа: User
Сообщений: 247
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 168 раз
Репутация:   43  


wiggazmoney, наверное обвертка слайдера фиксирована.
для картинки:
Код
.slides_container img{
    width:100%;
    height: auto
}
.slides_container {
    height: auto;
    max-height: 300px;
    width: 100%;
    overflow: hidden
}

Для обвертки:
Код
{
    width: auto;
    height: auto
}


Сообщение отредактировал Gerga - 9.1.2015, 0:23


--------------------
Разработка на WordPress -> Верстка/Натяжка/Добавление функционала в шаблонах на WP
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Регистрация Вашего сайта (профиля,DLE сайты,подписи на форумах,постинг Тиц 10> , ПР 1>)
278 kaartes 102598 Сегодня, 10:55
автор: kukla
Открытая тема (нет новых ответов) Адаптивная вёрстка и натяжка на Wordpress, DLE, Joomla и др. Создание мобильных версий.
Хороший код с оптимизацией по скорости. Сайты и лендинги "под ключ
15 Nell 1123 Вчера, 23:36
автор: Nell
Открытая тема (нет новых ответов) Ad4date.com - CPA-сеть под adult/dating трафик
4 moneytommylee 1319 Вчера, 17:45
автор: moneytommylee
Открытая тема (нет новых ответов) [Бесплатный тест] Airsocks. Инновационные мобильные 4G / LTE прокси. Забудь все что было раньше!
26 airsocks11 6111 12.12.2017, 22:41
автор: airsocks11
Открытая тема (нет новых ответов) EssayTraffic - партнерка в essay edu нише под бурж - до 85% с продажи
24 EssayTraffic 4181 12.12.2017, 11:32
автор: EssayTraffic


 



RSS Текстовая версия Сейчас: 14.12.2017, 14:22
Дизайн