Как правильно сверстать?

[platonov92]

Объясните пожалуйста как правильно сверстать эту область?

а именно как наложить серую полоску на блок

[npofopr]

Через position или через :after, :before тем же позиционированием.

[satantx]

<div class="block">
<div class="left"></div>
<div class="right"></div>
Наши проекты
</div>
.block {
background: #8F8F8F;
height: 30px;
position: relative;
width: 1000px;
}
.block .left {
position: absolute;
left: -20px; top: 0;
background: #dadada; /* тут картинка нужная*/
height: 30px;
width: 20px;
}
.block .right {
position: absolute;
right: -20px; top: 0;
background: #dadada; /* тут картинка нужная*/
height: 30px;
width: 20px;
}

[swandev]

Объясните пожалуйста как правильно сверстать эту область?

а именно как наложить серую полоску на блок

http://jsbin.com/adoyev/1/edit

[121990]

2.вариант

http://jsfiddle.net/NWGmC/

Edited August 7, 2013 by 121990

[platonov92]

2.вариант

http://jsfiddle.net/NWGmC/

Спасибо большое

У меня такой вопрос еще, после использования z-index'ов текст же станет не работоспособным, грубо говоря если там будет ссылка, а не заголовок, то она будет не кликабельна?

Edited August 7, 2013 by platonov92

[121990]

Просто контейнеру z-index: 0. Или его вообще убрать, он сделан только для тени.

[Teapot]

2.вариант

http://jsfiddle.net/NWGmC/

Красиво