Форум русской поддержки Joomla!® CMS
25.07.2017, 14:49:08 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Вывод элемента :after в одной строке с последним словом

 (Прочитано 95 раз)
0 Пользователей и 1 Гость смотрят эту тему.
lalalag
Осваиваюсь на форуме
***

Репутация: +0/-3
Offline Offline

Сообщений: 136


« : 15.06.2017, 15:00:44 »

Есть код:
Код:
<h1 class="uk-article-title">Lewis Carroll and photography</h1>
И CSS:
Код:
.uk-article-title:after {
    display: inline-block;
    content: "";
    height: 15px;
    width: 15px;
    background: #ef0000;}

То есть выводит квадрат красный после заголовка.
Есть ли вариант сделать чтоб он переносился на новую строку только вместе с словом "photography"?
Через псевдоклас :last-child или :nth-last-of-type
Записан
darkghost
Практически профи
*******

Репутация: +93/-0
Offline Offline

Сообщений: 2118



« Ответ #1 : 15.06.2017, 15:32:16 »

как вариант использовать -span- и уже ему прописывать стили
Код:
<h1 class="uk-article-title">Lewis Carroll and <span>photography</span></h1>
Записан
lalalag
Осваиваюсь на форуме
***

Репутация: +0/-3
Offline Offline

Сообщений: 136


« Ответ #2 : 15.06.2017, 16:45:49 »

как вариант использовать -span- и уже ему прописывать стили
Код:
<h1 class="uk-article-title">Lewis Carroll and <span>photography</span></h1>
Заголовок выводится из Joomla. как сделать чтоб последнее слово в span ставилось? мне кажется надо псевдоклассами.
Записан
Shustry
Moderator
*****

Репутация: +736/-3
Online Online

Пол: Мужской
Сообщений: 6699


Рисую дизайны


« Ответ #3 : 15.06.2017, 17:38:35 »

В том месте, где выводите, разбейте заголовок на два или более кусков. Регуляркой или эксплойдом. Т.е., вопрос не про CSS. Тут немного PHP потребуется.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet