Как сверстать блок с такой же линией?

Question

[shiromode]

Подскажите, пожалуйста, как сделать такую линию? Сам ничего толкового не смог придумать

Comments

[Михаил Р.]

Сам ничего толкового не смог придумать

Получается, самостоятельно Вы ничего не сделали. Значит Вам на фриланс!

[ksnk]

Сверстать именно такое - 3 столбика на 2 строки с фиксированной линией довольно просто. А вот сверстать в терминах ul-li с нефиксированным объемом разделов и нефиксированным количеством столбиков может оказаться сложнее. В таком "общем" случае я бы посоветовал "подкладывать" под элемент canvas и рисовать линии на нем. Так можно не только линии, но и более сложные фигуры, например стрелки

Answer 1

[ksnk]

В общем случае сложно обойтись без скрипта. Можно рисовать линии канвасом, например так.

Comments

[shiromode]

спасибо большое, Ваше решение очень помогло

Answer 2

[Леонид Добрый]

Я думаю что можно сделать просто див, не указывать ему бордеры, перекрасить в нужный цвет, первой линии(тоесть будущему диву) задать высоту 1px и ширину сколько нужно и после расположить правильно, и уже на эти дивы расположить картинки, удачи