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
Сообщений: 265
Регистрация: 15.2.2013
Из: Одесса
Поблагодарили: 180 раз
Репутация:   47  


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

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


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыEssayPro.Money партнерка под студенческий траф 50%+20% комиссии
76 Mur4ikovsky 15613 Сегодня, 3:01
автор: bebecka
Открытая тема (нет новых ответов) Алгоритм "Немезида" в ВК. МДК все?
3 MissContent 621 Сегодня, 0:03
автор: Fartovyj
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыEdu-Cash.com - ПП под бурж студенческий траф, до 75% за первые заказы, до 35% за ребиллы, до 10% реферальных!
35 EduCash 9710 Вчера, 19:04
автор: EduCash
Горячая тема (нет новых ответов) Регистрация Вашего сайта (профиля,DLE сайты,подписи на форумах,постинг Тиц 10> , ПР 1>)
312 kaartes 112801 Вчера, 12:07
автор: avega
Горячая тема (нет новых ответов) Услуги по CMS Wordpress, DLE, Joomla!. Правки, ремонт, настройка.
Редактирование и правки. Низкие цены.
156 contex1 70787 Вчера, 0:06
автор: AnnaProf


 



RSS Текстовая версия Сейчас: 23.5.2018, 9:57
Дизайн