Перейти к содержанию

Заголовок на фоне картинки


Рекомендуемые сообщения

Собственно суть вопроса состоит в следующем, имеем такого рода подачу краткой новости на главной странице (как пример):

59d95c0d2625a_-2-..jpg.450601b48075e3a84bef9306ce23ada9.jpg

1. Картинка | 2. Заголовок | 3. Краткое описание | 4. Дополнительные данные

Каким образом можно осуществить, чтобы заголовок (2), впечатывался на картинке (1). Понимаю что все это через CSS, но не могу догнать как. Порой заголовки могут отображаться в две строки, а то и три. Плюс ко всему, когда он "заедет" на картинку, хотелось бы знать как отредактировать затемнение за заголовком изображения. Чтобы было какое то отделение от картинки, но в то же время заголовок был на ней. Вот как например на этой картинке.

 3.jpg.f70941a2494e055781a2785b908a8091.jpg

Нужно было сразу картинку эту показать, а не заниматься тавтологией. В общем суть вроде обрисовал. Хотя бы набросок кода дайте, я уж с ним поэкспериментирую. 

Надеюсь на вашу всемогущую помощь. 

UPD. В примере заголовок "Текст" показан в левом верхнем углу, в моем случае, нужно чтобы был просто снизу сплошной полосой. 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...