Новости Joomla

NorrCompetition 3.0 — новые возможности компонента конкурсов и голосований для Joomla 6

Релиз NorrCompetition 3.0 — крупное обновление расширения для проведения конкурсов и голосований в Joomla.

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

Релиз безопасности Joomla 6.1.1 и Joomla 5.4.6

Проект Joomla! рад сообщить о выходе Joomla 6.1.1 и Joomla 5.4.6. Это релизы безопасности и исправления ошибок для серий 5.x и 6.x.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

В открытый доступ выложен видео-курс Дмитрия Гончарова по созданию интернет-магазина на связке Joomla + JoomShopping. Видеоуроки содержат пошаговые инструкции от регистрации хостинга до особенностей вёрстки, настройки способов оплаты и доставки.

В видео фигурирует JoomShopping 4 и Joomla 3, однако JoomShopping довольно консервативный компонент и многие способы и подходы в нём не менялись годами, поэтому данные видео могут быть по прежнему полезны.

Смотреть видео-курс

@joomlafeed

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

Irishstyle

  • Захожу иногда
  • 77
  • 0 / 0
Текст по разные стороны
« : 27.09.2019, 17:05:05 »
Добрый день. Есть код:
Код
<div class="el-title uk-h3 uk-heading-divider uk-margin-remove-bottom"><a class="uk-link-reset" href="statsionarnye-uzi-apparaty/ge-voluson-e10/">Voluson E10 </a><span class="uk-label uk-label-success">В НАЛИЧИИ</span></div>
Выглядит это так:


Как мне раскидать Voluson E10 и В НАЛИЧИИ по разным сторонам?
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Текст по разные стороны
« Ответ #1 : 27.09.2019, 17:25:06 »
Цитата: Irishstyle от 27.09.2019, 17:05:05
<div class="el-title uk-h3 uk-heading-divider uk-margin-remove-bottom"><a class="uk-link-reset" href="statsionarnye-uzi-apparaty/ge-voluson-e10/">Voluson E10 </a><span class="uk-label uk-label-success">В НАЛИЧИИ</span></div>

Вот так:
Код
<div class="el-title uk-h3 uk-heading-divider uk-margin-remove-bottom"><span style="float: right;" class="uk-label uk-label-success">В НАЛИЧИИ</span><a class="uk-link-reset" href="statsionarnye-uzi-apparaty/ge-voluson-e10/">Voluson E10 </a></div>
Записан
*

Irishstyle

  • Захожу иногда
  • 77
  • 0 / 0
Re: Текст по разные стороны
« Ответ #2 : 27.09.2019, 17:43:52 »
Цитата: dm-krv от 27.09.2019, 17:25:06
Вот так:
Код
<div class="el-title uk-h3 uk-heading-divider uk-margin-remove-bottom"><span style="float: right;" class="uk-label uk-label-success">В НАЛИЧИИ</span><a class="uk-link-reset" href="statsionarnye-uzi-apparaty/ge-voluson-e10/">Voluson E10 </a></div>
Да, спасибо большое. А как сделать чтобы он по вертикали не задирался вверх? Чтобы они были на одном уровне?
Записан
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Текст по разные стороны
« Ответ #3 : 27.09.2019, 17:51:03 »
Цитата: Irishstyle от 27.09.2019, 17:43:52
Да, спасибо большое. А как сделать чтобы он по вертикали не задирался вверх? Чтобы они были на одном уровне?

Вот так:
Код
<span style="float: right; position: relative; top: 5px;" class="uk-label uk-label-success">В НАЛИЧИИ</span>
Вручную подбирай подходящее значение top, допустимы в том числе и отрицательные числа, например: top: -5px;
Этот параметр отвечает за отступ по вертикали в пикселях от начального положения.
Записан
*

Irishstyle

  • Захожу иногда
  • 77
  • 0 / 0
Re: Текст по разные стороны
« Ответ #4 : 27.09.2019, 19:53:58 »
Цитата: dm-krv от 27.09.2019, 17:51:03
Вот так:
Код
<span style="float: right; position: relative; top: 5px;" class="uk-label uk-label-success">В НАЛИЧИИ</span>
Вручную подбирай подходящее значение top, допустимы в том числе и отрицательные числа, например: top: -5px;
Этот параметр отвечает за отступ по вертикали в пикселях от начального положения.
СПАСИБО! Это то, что нужно!
Записан
*

Septdir

  • Живу я здесь
  • 3370
  • 168 / 4
Re: Текст по разные стороны
« Ответ #5 : 28.09.2019, 03:31:38 »
Цитата: Irishstyle от 27.09.2019, 19:53:58
СПАСИБО! Это то, что нужно!
Стайл с uikit серьезно? Да еще и с флоат в 2019 году?
Код
uk-flex uk-flex-between
К div добавте и все.

Я бы еще сразу выравнивание и перенос и выравнивание только на экранах больше 960px в общем как-то так.
Код
<div class="el-title uk-h3 uk-heading-divider uk-margin-remove-bottom uk-flex uk-flex-middle uk-flex-wrap uk-flex-between@m">
	<a class="uk-link-reset" href="statsionarnye-uzi-apparaty/ge-voluson-e10/">
		Voluson E10
	</a>
	<div>
		<span class="uk-label uk-label-success">В НАЛИЧИИ</span>
	</div>
</div>
Записан
Не можете справиться с задачей сами пишите, решу ее за вас, не бесплатно*.
*Интересная задача, Деньги или Бартер. Натурой не беру!
CodersRank | Контакты | Мой GitHub | Workshop
*

dm-krv

  • Завсегдатай
  • 1028
  • 28 / 0
Re: Текст по разные стороны
« Ответ #6 : 28.09.2019, 07:24:33 »
Рановато челу Uikit осваивать, пусть сначала инлайново со стилями научится работать)
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

OffCanvas меню Helix Ultimate добавить текст к иконке

Автор Andre100

 Ответов: 2
Просмотров: 6165 		Последний ответ 20.03.2023, 12:42:49
от Andre100
Скрыть только текст ссылки

Автор kosh2323

 Ответов: 10
Просмотров: 1330 		Последний ответ 26.10.2021, 10:40:57
от kosh2323
Сменить текст placeholder в поле поиска Joomla 3.x

Автор Poincare

 Ответов: 7
Просмотров: 2800 		Последний ответ 09.06.2021, 15:39:26
от Akeksandr
Удалить (изменить) встроенный текст

Автор alexkraym

 Ответов: 6
Просмотров: 1748 		Последний ответ 07.08.2019, 08:32:34
от Taatshi
Убрать текст с корзины плагин одностроничной корзины

Автор Alkor94

 Ответов: 4
Просмотров: 1179 		Последний ответ 17.06.2018, 07:59:10
от lexxbry