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

lalalag

  • Осваиваюсь на форуме
  • 126
  • -3
Есть код:
Код
<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

  • Практически профи
  • 2100
  • 95
как вариант использовать -span- и уже ему прописывать стили
Код
<h1 class="uk-article-title">Lewis Carroll and <span>photography</span></h1>
*

lalalag

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

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
В том месте, где выводите, разбейте заголовок на два или более кусков. Регуляркой или эксплойдом. Т.е., вопрос не про CSS. Тут немного PHP потребуется.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как задать :hover{ и :active { Для одной кнопки?

Автор RicoID

Ответов: 2
Просмотров: 327
Последний ответ 18.11.2016, 16:34:43
от ProtectYourSite
[Решено] CSS стиль только на одной странице

Автор slepoy

Ответов: 6
Просмотров: 2849
Последний ответ 29.10.2016, 13:00:41
от 57tr
Горизонтальный вывод кнопок (изображений)

Автор vaymohk

Ответов: 1
Просмотров: 287
Последний ответ 06.08.2016, 13:28:59
от neogeek
Как убрать вывод класса списка? <li>?

Автор Mesuti

Ответов: 5
Просмотров: 883
Последний ответ 06.05.2015, 17:31:29
от goodsanta
Стили только на одной странице

Автор Ragnos

Ответов: 1
Просмотров: 362
Последний ответ 26.02.2015, 17:30:51
от darkghost