Как сделать правильно заходящие на фон элементы меню?

Question

[Dimas123]

Есть меню, справа и слева есть декоративные элементы, которые выходят за рамки основной ширины сайта, как это лучше реализовать?

Answer 1

[kn1ght_t]

можно у родителя пунктов меню сделать псевдоэлементы after и before блочными элементами с бэкграундами этих штучек и абсолютно позиционировать их, а место под них освободить через левый и правый паддинг соответственно

Answer 2

[Ilya Suhodolskiy]

htmlbook.ru/css/before

<header>
     <!-- ... -->
</header>

header{
     position: relative;
     // ...
}
header:before,header:after{
     content: '';
     width: **px;
     height: **px;
     position: absolute;
     top: 0;
}
header:before{
     left: 0;
     background-image: url(...);
}
header:after{
     right: 0;
     background-image: url(...);
}