Аккаунт SL-368333
Здравствуйте
На главной странице после заголовка "Хит продаж" три картинки не выстраиваются по горизонтали. Не могу понять в чем проблема.
В css прописано все вроде правильно, но картинки упорно выстраиваются по вертикали. Подскажите пожалуйста где ошибка. Как должно быть прилагаю картинку. Спасибо
1
Css
Автор Ast, 25 сент. 2017 16:56
Сообщений в теме: 4
#1
Отправлено 25 Сентябрь 2017 - 16:56
#2
Отправлено 25 Сентябрь 2017 - 17:54
Ast (25 Сентябрь 2017 - 16:56) писал:
Аккаунт SL-368333
Здравствуйте
На главной странице после заголовка "Хит продаж" три картинки не выстраиваются по горизонтали. Не могу понять в чем проблема.
В css прописано все вроде правильно, но картинки упорно выстраиваются по вертикали. Подскажите пожалуйста где ошибка. Как должно быть прилагаю картинку. Спасибо
Здравствуйте
На главной странице после заголовка "Хит продаж" три картинки не выстраиваются по горизонтали. Не могу понять в чем проблема.
В css прописано все вроде правильно, но картинки упорно выстраиваются по вертикали. Подскажите пожалуйста где ошибка. Как должно быть прилагаю картинку. Спасибо
Здравствуйте.
В шаблоне main.css найдите код:
.banner_3part {width:33,333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33,333%;float:left;} }
Замените на:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33.333%;float:left;} }
#3
Отправлено 25 Сентябрь 2017 - 18:08
Firefly (25 Сентябрь 2017 - 17:54) писал:
Здравствуйте.
В шаблоне main.css найдите код:
Замените на:
В шаблоне main.css найдите код:
.banner_3part {width:33,333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33,333%;float:left;} }
Замените на:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33.333%;float:left;} }
Спасибо. В десктопной версии все стало ок. Но теперь и в мобильной версии показывается также как в десктопной. А как раз в мобильной рисунки должны выстраиваться по вертикали. Картинку прилагаю
#4
Отправлено 25 Сентябрь 2017 - 18:18
Ast (25 Сентябрь 2017 - 18:08) писал:
Спасибо. В десктопной версии все стало ок. Но теперь и в мобильной версии показывается также как в десктопной. А как раз в мобильной рисунки должны выстраиваться по вертикали. Картинку прилагаю
В таком случае код:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33.333%;float:left;} }
Замените на:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media (max-width: 768px) { .banner_3part {width: 100%;float:left;} }
#5
Отправлено 25 Сентябрь 2017 - 18:47
Firefly (25 Сентябрь 2017 - 18:18) писал:
В таком случае код:
Замените на:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media all and (min-width: 768px) { .banner_3part {width: 33.333%;float:left;} }
Замените на:
.banner_3part {width:33.333%;float:left;padding: 1%;} @media (max-width: 768px) { .banner_3part {width: 100%;float:left;} }
Сейчас все хорошо, спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных