Новости Joomla

Обновление Slogin 2.10.1

Один из старейших компонентов социальной авторизации для Joomla. Поддерживает почти все популярные сервисы авторизации и имеет огромное количество сторонних плагинов и модулей интеграции.

Вышли релизы Joomla 4.0.3 и Joomla 3.10.2

Доступны к загрузке Joomla 4.0.3 и Joomla 3.10.2. Это релизы с исправлениями ошибок и улучшениями для серий Joomla 4.0.x и 3.10.x.

Вышли релизы Joomla 4.0.3 и Joomla 3.10.2

Доступны к загрузке Joomla 4.0.3 и Joomla 3.10.2. Это релизы с исправлениями ошибок и улучшениями для серий Joomla 4.0.x и 3.10.x. 

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

ast

  • Захожу иногда
  • 77
  • 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

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

ast

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


Записан
*

draff

  • Гуру
  • 5456
  • 386 / 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

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

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

Автор warlocksp

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

Автор Stasweb

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

Автор dm-krv

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

Автор zeni1agent

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

Автор leo78

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