[photomakes]

brainix, да жуть так выворачиваться на изнанку из-за такого дизайна)) Может не совсем вникся в ваше предложение и всё же я бы объяснил заказчику, что идея дизайна хромает.

[brainix]

photomakes, ну сам факт, что таким методом сверстать можно. А вот если бы было невозможно тогда да, объяснять заказчику.

[kickboxer]

Не так сложно сделать это на css, как может показаться. В помощь http://css-tricks.com/examples/ShapesOfCSS/

3s777, Вы разбирались с технологией построения "уголоков" в приведенном Вами примере? Там используется "эффект" стыковки border под 45градусов, соответственно определенные стороны border имеют цвет background
Как Вы себе представляете задать у border вместо цвета рисунок?

Пример со стрелочкой: http://jsfiddle.net/y5qytwxt/

[mmkulikov]

brainix, Наверно Вы все-же не внимательно смотрели картинку. "Резать" ка Вы предлагаете - это абсолютно не приемлемо т.к. захватывается нижний неоднороный фон (был-бы он однородный, то и проблемы-бы не было). И текст в пунктах вообще-то "динамический", т.е. ширина произвольная.
О "бесшовности" я указывал в начале, минимальная ширина паттерна для бесшовности здесь 60 пикселеей. Резать можно, но совсем не так, как Вы указали, а только левый хвост(вогнутая стрелка) и правая стрелка. Зная ширину левой части(в примере она получается 16 пикселей) бэкграунд центральной части сдвигаем влево на -16px и с левой стороны идеальное бесшовное соединение. Для правой так не получится (можно конечно извратиться на js), но с погрешностью только 1 пиксель получается где-то так http://jsfiddle.net/wfc9cg98/

---------- Сообщение добавлено 23:01 ---------- Предыдущее 22:51 ----------

Пример со стрелочкой: http://jsfiddle.net/y5qytwxt/

Спасибо за пример, но он будет работать только при однородном фоне вокруг стрелочки (в Вашем примере #FFF), иначе border`у цвет в виде картинки задать не получится...

[brainix]

захватывается нижний неоднороный фон

О чем конкретно идет речь, картинкой?

Резать можно, но совсем не так, как Вы указали

Причина, чем мой способ плох?

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

Вы сами в примере сверстанном все-таки это сделали через репеат бесшовный.