Перейти к содержимому


Css


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 25 Сентябрь 2017 - 16:56

Аккаунт SL-368333
Здравствуйте
На главной странице после заголовка "Хит продаж" три картинки не выстраиваются по горизонтали. Не могу понять в чем проблема.
В css прописано все вроде правильно, но картинки упорно выстраиваются по вертикали. Подскажите пожалуйста где ошибка. Как должно быть прилагаю картинку. Спасибо

Прикрепленные изображения

  • 123412341234213.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 25 Сентябрь 2017 - 17:54

Просмотр сообщенияAst (25 Сентябрь 2017 - 16:56) писал:

Аккаунт SL-368333
Здравствуйте
На главной странице после заголовка "Хит продаж" три картинки не выстраиваются по горизонтали. Не могу понять в чем проблема.
В 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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 25 Сентябрь 2017 - 18:08

Просмотр сообщенияFirefly (25 Сентябрь 2017 - 17:54) писал:

Здравствуйте.
В шаблоне 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;}
}

Спасибо. В десктопной версии все стало ок. Но теперь и в мобильной версии показывается также как в десктопной. А как раз в мобильной рисунки должны выстраиваться по вертикали.  Картинку прилагаю

Прикрепленные изображения

  • vertikal.jpg
  • vertikal-no.jpg


#4 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 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 Ast

Ast

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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 анонимных