Как сделать заголовок с полосами слева и справа в виде картинки?

Question

[stoxx2011]

Каким способом можно сверстать подобный заголовок? В интернете видел способы с линией, но вот как с картинкой?

Answer 1

[Dmmitry]

Если цвет фона не текстура, а сплошной цвет X, то делайте div нужной ширины с нужной картинкой в фоне и position:relative, вставляйте в него span с display:block; position:absolute; и цветом фона Х. И уже настраивайте как нужно. Можно и без применения позиций делать.

Вот я делал таким образом:

<div class="section_title">
	<span>Блог</span>
</div>

.section_title {
    background: url("../img/title_bg.png") no-repeat scroll center center transparent;
    width: 976px;
    margin: 0px auto;
    text-align: center;
}

.section_title span {
    font-size: 25px;
    text-transform: uppercase;
    color: #564D52;
    background: none repeat scroll 0% 0% #FFF;
    padding: 0px 22px;
}

Результат кода - clip2net.com/s/3aZZW1Q

Answer 2

[Ленар Фаттахов]

background: url('адрес картинки')

Comments

[Dmmitry]

и что вы предлагаете туда вставить в качестве фона?