Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Александр Наумов
@coderart
HTML
CSS
SVG
Как можно реализовать блок с рассадкой людей в зале?
Здравствуйте.
Имеется такой блок
Как реализовать верстку данного блока?
Замечал что некоторые делают это на SVG, но не могу понять как?
Вопрос задан
более трёх лет назад
164 просмотра
1
комментарий
Подписаться
2
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Конкретно это можно спокойно сверстать. Блоки, контейнеры и куча блоков (посадочные места). У вас там всё прямоугольное и схематичное, т. е. не сохраняет, как я вижу, геометрию зала.
SVG — то же самое. SVG — это код:
https://medium.com/@mattcroak718/creating-an-inter...
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
Daniel Tkachenko
@Daniel_T
HTML-верстальщик
Можно с svg, а можно и стандартными методами css.
Обычные блоки в блоке, которым навешать айдишники и различные ивенты.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
вчера
299 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
вчера
68 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
вчера
76 просмотров
2
ответа
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
154 просмотра
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
162 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
164 просмотра
2
ответа
CSS
Простой
Не могу понять как прижать изображения к правому краю?
1 подписчик
11 авг.
151 просмотр
0
ответов
CSS
+1 ещё
Простой
Помощь на сайте с CSS с галереей и превью?
нет подписчиков
09 авг.
191 просмотр
1
ответ
HTML
+1 ещё
Простой
Как сверстать подобный блок?
1 подписчик
08 авг.
815 просмотров
1
ответ
CSS
Простой
Как такие вещи верстаются?
1 подписчик
07 авг.
2384 просмотра
3
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик (Vanilla JS, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Специалист по техническому сопровождению клиентов (2 линия)
FoodSoul
•
Калининград
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама