<rmcreative>

RSS

Ещё раз про «Два фона в одном блоке»

23 февраля 2007

Всё-таки решение нашлось!

<div class="pullquote">
  Самое интересное в цитатах это то, что их читают
</div>
.pullquote {
  width: 25%;
  font-size: 125%;
  line-height: 140%;
  margin: 10px;
  background: url(/images/closequote.gif) no-repeat bottom right !important;
  padding: 0px 35px 5px 5px;
  border: 1px dotted #9b4b4b;
  text-align: justify;
}
 
.pullquote:first-letter {
  background: url(/images/openquote.gif) no-repeat left top!important;
  padding: 5px 2px 10px 35px!important;
}

Работающий пример

p.s. говорим спасибо http://www.webmakerslounge.com/.

Комментарии RSS

  1. №1596
    egoholic
    egoholic 24 мая 2009 г., 0:50:18

    В самом начале CSS пропустили точку .pullquote

    Прием этот старенький, я бы сделал так:

    1- поместил текст между

    и

    2- Объявил бы фон для самого дива и для параграфа.

  2. №2829
    Cyber Freak
    Cyber Freak 06 авг. 2010 г., 0:46:21

    В CSS3 можно будет присваивать несколько фоновых изображений к одному элементу.

  3. №8734
    Роман
    Роман 03 янв. 2014 г., 18:36:17

    хорошая статья - но есть еще более интересный вопрос, а как задать первому элементу значение repeat-х - чтобы он повторялся

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.