Задать вопрос
@Webreeba

Как сверстать такой элемент?

Есть такой блок.
6cd749c8dd1a47dfa1ed47c298507de4.png
Вариантов, как сверстать не так уж и много) Самое банальное, что пришло в голову, сделать бекграундом, а места сделать ссылками. Возможно кто сталкивался с таким?)
  • Вопрос задан
  • 470 просмотров
Подписаться 1 Оценить 3 комментария
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 3
@Nwton
Варианты:
1) Как вы и предложили - сделать фон обычной картинкой, а зеленые блоки ссылками. Самый оптимальный вариант. Зачем всё усложнять.
2) SVG

Верстать всё изображение дивами уж точно не стоит.
Ответ написан
Комментировать
Rimush
@Rimush
есть тег area, можно им.
htmlbook.ru/html/area
Ответ написан
Комментировать
dom1n1k
@dom1n1k
По большому счету, выбор технологии тут определяется тем, в каком виде/формате эти картинки рисует дизайнер.
Если он рисует это в SVG или чем-то другом, что удобно экспортируется в оный - стало быть SVG.
Если он рисует в растре - ваш первый вариант.
То есть суть в том, чтобы потом можно было максимально быстро построиться под корректировки дизайна (а они будут с вероятностью 80-90%).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы