Ещё раз про «Два фона в одном блоке»
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 по email OK
В самом начале CSS пропустили точку .pullquote
Прием этот старенький, я бы сделал так:
1- поместил текст между
и
2- Объявил бы фон для самого дива и для параграфа.
В CSS3 можно будет присваивать несколько фоновых изображений к одному элементу.
хорошая статья - но есть еще более интересный вопрос, а как задать первому элементу значение repeat-х - чтобы он повторялся