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

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 »
<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 »
Вот так:
Код
<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 »
Да, спасибо большое. А как сделать чтобы он по вертикали не задирался вверх? Чтобы они были на одном уровне?

Вот так:
Код
<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 »
Вот так:
Код
<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 »
СПАСИБО! Это то, что нужно!
Стайл с 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 осваивать, пусть сначала инлайново со стилями научится работать)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

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

Автор Andre100

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

Автор kosh2323

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

Автор Poincare

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

Автор alexkraym

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

Автор Alkor94

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