Нужна помощь

[Ezh3]

Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.

[npofopr]

"Забор" рисовать от центра, если такое возможно конечно.

А центральный элемент перекрыть этим слоем, с логотипом.

Мне пока так видится

[Zverushka]

Работать с псевдослоями.

width: 100%;

Один слой сделать left: 50% ; 

 margin--left: -101%;

Другой left: 51%;

Или в пикселях для точного позиционированиия - неважно.

Ну и по центру с помощью еще одного абсолютного слоя впихнуть картинку по центру. Надеюсь понятна идея?

Все добро скрыть через overflow:hidden, что выступает за края слева и справа.

 

 

В общем один псевдослой с повторяющиймся фоном разместить слева до центра, другой справа после центра.

Центр сделать пустым. В него с помощью еще одного слоя засунуть по центру картинку.

Обрезать лишние края через overflow оберткой.

Edited November 6, 2013 by Zverushka

[npofopr]

слева до центра

вот тут как бы забор не сломался...  

[Ezh3]

Всем спасибо. Попробую Ваш способ. Отпишу

[Struggle]

Зачем такой велосипед? делается все в 2 класса

[Zverushka]

Зачем такой велосипед? делается все в 2 класса

 
Вы ждете, чтобы Вас начали уговоривать рассказать о своих двух классах?) Хорошо, скажите, пожалуйста, что за реализация у вас.

Кстати в этом велосипеде нет лишних классов - псевдоэлементы не классы, на разметку они не повлияют.

[Struggle]

http://jsfiddle.net/G5YAc/

http://jsfiddle.net/G5YAc/1/

 

Такой вариант устраивает? 2 класса

 

upd: я видимо слепой, не правильно сделал, ссори

 

Юзайте Зверушкин вариант)

Edited November 6, 2013 by Struggle

[Ezh3]

Прошу прощения за долгую задержку. Возобновил работу над шаблоном, делал как советовала Zverushka, но столкнулся с очередной проблемой: http://jsfiddle.net/G5YAc/1/

В макете http://htmlforum.ru/index.php?showtopic=46236 стрелки должны не заходить на логотип. Когда я пытаюсь отодвинуть правые стрелки от логотипа margin'oм, да в общем не важно чем, происходит следующее: часть стрелок начинает вылезать за пределы, появляется горизонтальная полоса прокрутки, хотя с левыми стрелками все нормально. Пробовал несколько других способов до псевдоэлементов, этот вариант самый лучший на мой взгляд. Overflow:hidden тоже не помогает.

Спасибо

Edited December 7, 2013 by Ezh3

[Zverushka]

Нужен код на jsfiddle - что-то не так с overflow - или не в том месте стоит

[Ezh3]

В предыдущем посте есть, но вот еще раз: http://jsfiddle.net/G5YAc/1/

[Светлана Г.]

Я не вижу никаких проблем - все нормально отображается.

Edited December 7, 2013 by Светлана Г.

[Ezh3]

Там почему-то изменился код. Я не такой писал изначально.

 

Все, спасибо, разобрался.

Edited December 8, 2013 by Ezh3