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

tao2en

  • Захожу иногда
  • 77
  • 0 / 0
Добрый день!
Подскажите пожалуйста, пытаюсь применить иконку к псевдоэлементу :before, но если я прописываю
Код
<div>
<i class="uk-icon-check">
:before
</i>
</div>
то получается что после иконки идёт текст :before, то есть это просто текст, а не псевдоэлемент.
В итоге (см. вложение) я иконку привязываю к точке ".", если точку убираю, то иконка пропадает (пропадает сам тег i), что я делаю не так?
На сайтах где я видел такие иконки, код выглядит точно также как у меня (см. вложение), только без точки ".", у меня же, если убираю точку, пропадает и иконка.
« Последнее редактирование: 13.03.2017, 11:59:15 от tao2en »
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Цитировать
<div>
<i class="uk-icon-check">
:before
</i>
</div>
:before писать не надо. Это псевдоэлемент. Он сам появится в инспекторе браузера, когда ему стили назначите.
Про точку не понял ничего...
Создание сайтов, шаблонов, помощь в решении проблем.
*

tao2en

  • Захожу иногда
  • 77
  • 0 / 0
:before писать не надо. Это псевдоэлемент. Он сам появится в инспекторе браузера, когда ему стили назначите.
Про точку не понял ничего...
Точка, это символ который я поставил, чтобы к нему привязать класс с иконкой, если точку убираю, чтобы её не было перед иконкой, то пропадает тег <i> в котором через класс была прописана иконка, соотвественно и иконки нет.
Код
.uk-icon-check:before {
    content: "\f00c";
разве это не те стили?
*

Efanych

  • Глобальный модератор
  • 4684
  • 644 / 0
  • Меняю свою жизнь на 360°!
Дайте ссылку на страницу.
Создание сайтов, шаблонов, помощь в решении проблем.
*

almika

  • Захожу иногда
  • 325
  • 27 / 0
Пробел вместо точки просто поставьте:
<i class="uk-icon-check">&nbsp;</i>
*

tao2en

  • Захожу иногда
  • 77
  • 0 / 0
http://getuikit.ru/docs/icon.html здесь например не используют &nbsp; , но всё-равно спасибо, пусть хоть так). Вся суть проблемы что <i></i> исчезают, не сохраняются, если между ними ничего нет, хотя на других сайтах я не видел чтобы в эти теги был заключен какой-то символ.
« Последнее редактирование: 14.03.2017, 11:32:39 от tao2en »
*

almika

  • Захожу иногда
  • 325
  • 27 / 0
Просто ваш пустой тег убирает редактор. Вот тут есть объяснение как сделать так, чтобы не убирал
https://yootheme.com/support/question/67584

Найдите строки для вашего редактора (Joomla Content Editor (JCE) and TinyMCE) и сделайте как написано.
*

tao2en

  • Захожу иногда
  • 77
  • 0 / 0
Просто ваш пустой тег убирает редактор. Вот тут есть объяснение как сделать так, чтобы не убирал
https://yootheme.com/support/question/67584

Найдите строки для вашего редактора (Joomla Content Editor (JCE) and TinyMCE) и сделайте как написано.
Вот, теперь точно всё работает как надо, спасибо Вам огромное!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как правильно писать медиа запрос?

Автор web1

Ответов: 4
Просмотров: 1308
Последний ответ 20.09.2022, 22:01:21
от darkghost
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

Ответов: 0
Просмотров: 583
Последний ответ 02.01.2021, 13:56:09
от vova630
[Решено] Как сделать чтобы фотография открылась в отдельном окне?

Автор a-two

Ответов: 11
Просмотров: 1294
Последний ответ 03.11.2020, 16:57:40
от Nikolay89
Не работает правильно сайт на хосте

Автор Алексей Лоскутов

Ответов: 6
Просмотров: 1395
Последний ответ 21.05.2020, 20:23:57
от xpank
Как правильно прописать @media?

Автор stendapuss

Ответов: 17
Просмотров: 3911
Последний ответ 27.01.2018, 12:02:57
от stendapuss