Как сверстать такое (фото)?

Question

[aliasst]

подскажите как сверстать такой фон можно? Вот эти все овалы, формы не понятные. делать единый фон для всей страницы? Или как то по блокам секциям разбить фон?
Пробовал единым один фон, но как-то криво выходит

Comments

[Dmitrii]

А тут точно нужен тег с++?
Овалы, очевидно можно получить из очень сильно вытянутых кругов

[Everything_is_not_so_bad]

Пробовал единым один фон, но как-то криво выходит

Ошибка в 17-й строке

[aliasst]

Dmitrii, сss хотел выбрать)

Answer 1

[Everything_is_not_so_bad]

В чём проблема?
Фон - изображение.
Ссылки в овалах - в виде прямоугольных DIV блоков, внутри которых с фиксированным смещение по (x, y) расположить DIV с ссылками внутри.

Comments

[aliasst]

фон один на всю страницу, включающий все серые, черные и белые овалы вот эти?

[Everything_is_not_so_bad]

aliasst, ну да. Зачем все эти усложнения с овальными формами, когда можно просто фоном оставить?

Answer 2

[Adamos]

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

Comments

[aliasst]

svg нет. дизайн в psd дали

[Adamos]

aliasst, ну, если это поденщина, тогда конечно - разорвать на картинки и разложить по страничке.
Для себя можно было бы положить общую картинку хотя бы в бесплатный Inkscape да обрисовать буквально несколькими фигурами. Геометрия же.

[Everything_is_not_so_bad]

Adamos, вряд ли вёрстка расчитана на различные устройства.

[Adamos]

Иерокопус Таманский, судя по пропорциям, она скорее рассчитана на устройства, чем на компьютер.