Как сверстать линию с радиусом?

Question

[Odinokun]

Подскажите пожалуйста, где можно почитать про то, как правильно сверстать линию с полукругом по центру (как на рисунке)? Линия влево и вправо тянется до края экрана.

Answer 1

[A K]

Как вариант, но можно и картинкой
Вариант с svg

Comments

[Odinokun]

Спасибо, сейчас буду пробовать повторить.
Картинкой-то без проблем можно, но ведь на CSS лучше будет.

[A K]

Дмитрий: css не лучше, т.к. в ФФ дуга превращается в одну сплошную линию, можно svg как вариант

[Serj-One]

Дмитрий: Да нихрена на css не лучше. Доля браузеров без корректной поддержки css3 ещё довольно велика. Так что есть большая вероятность, что у немаленькой части аудитории ваша вёрстка поплывёт. И если делать на css, нужно делать и деградацию, например с помощью modernizr, и в конечном итоге всё равно дублировать картинкой.

[Odinokun]

Symphony: Serj-One: ясно, буду делать картинкой. Спасибо.

[A K]

Дмитрий: апнул