0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 1811 Просмотров
*

ast

  • Захожу иногда
  • 81
  • 6 / 0
Расположение текста
« : 17.06.2020, 14:03:02 »
Друзья, привет!
Помогите, пожалуйста, с разметкой.
Есть страница товара: http://www.happygeckofarm.com/index.php?option=com_virtuemart&view=productdetails&virtuemart_category_id=25&virtuemart_product_id=1137&Itemid=283
Справа блок "с этим покупают".
На ширине экрана больше 1180 всё выглядит так, как надо (сверху название товара, снизу цена).
А на ширине экрана от 970 до 1180 название расположено под ценой. У самого элемента свойства не меняются.
Помогите поймать из-за чего так.

*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Расположение текста
« Ответ #1 : 17.06.2020, 14:21:02 »
Не вижу проблем, браузер Firefox
*

ast

  • Захожу иногда
  • 81
  • 6 / 0
Re: Расположение текста
« Ответ #2 : 17.06.2020, 14:40:32 »
Сделал два скриншота, выделил жёлтым. Firefox, адаптивный дизайн.


*

draff

  • Гуру
  • 5803
  • 434 / 7
  • ищу работу
Re: Расположение текста
« Ответ #3 : 17.06.2020, 14:53:59 »
Код
 
.product-field-display {
float: left;
width: 100%;
display: block;
}
или
Код
.product-related-products .product-field-type-R {
padding: 5px 0 5px 5px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
}
или
Код
.product-price{
float: left;
}
« Последнее редактирование: 17.06.2020, 15:12:23 от draff »
*

ast

  • Захожу иногда
  • 81
  • 6 / 0
Re: Расположение текста
« Ответ #4 : 17.06.2020, 16:45:26 »
Спасибо за наводку. Сделал по-своему, но идею почерпнул.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перенос текста, направление текста в списке?

Автор warlocksp

Ответов: 1
Просмотров: 967
Последний ответ 15.07.2019, 21:51:54
от warlocksp
Слайдер текста на CSS

Автор Stasweb

Ответов: 0
Просмотров: 903
Последний ответ 04.04.2019, 07:24:03
от Stasweb
Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 6600
Последний ответ 23.03.2019, 21:53:08
от sivers
Как поменять цвет текста в CSS если они связаны одним label?

Автор zeni1agent

Ответов: 2
Просмотров: 1256
Последний ответ 23.05.2018, 13:54:22
от zeni1agent
Модуль«Похожие метки» обрезка текста и мн

Автор leo78

Ответов: 1
Просмотров: 1269
Последний ответ 01.03.2017, 15:03:40
от leo78