Ответы пользователя по тегу HTML
  • Как сверстать такую штуку?

    davewebman
    @davewebman
    Занимаюсь front-end.
    Посмотри в сторону html5 тегов map и area. Применить их можно к примеру если необходимо выставить координаты местоположения на карте. Картой может выступить простое изображение. Вот пример семантики: www.wisdomweb.ru/HTML5d/html5_area.php

    Или

    www.w3schools.com/tags/tryit.asp?filename=tryhtml_...

    Кроссбраузерно.

    Точки выставляются в теге по атрибутам coords='3,8,72,75' то есть координаты, там ты задаешь их сам на каждую точку. Это конечно займет больше времени чем с position: absolute; в секции с position: relative; но это правильней + узнаешь для себя что-то новое. Полоску при наведении можно сделать картинкой и не мучаться. Просто навесь на линк свойство :hover где будет указан путь до правильно скроенной картинки с линией.

    Хотя комментарий от Сергея тоже работает. Тут уже надо смотреть в сторону того будут ли проверять твой исходный код и конечно же желания сделать правильней) Удачи!
    Ответ написан
    7 комментариев