@michadimin

Как реализовать переход по ссылке силами CSS?

Вероятно вопрос очень некорректный, но я даже и не знаю как это по-другому обозвать.

Использую следующий шаблон Сайд-бара, который нашёл в инете
Ссылка - https://codepen.io/arjancodes/pen/VwpVqL

Я понял как изменить надписи и значки, но вот в чём беда - это то, что я не понимаю как реализовать работоспособность этого сайд-бара!

Надписи находятся внутри CSS, соответственно и просто так ссылку я вставить не могу...

Если конкретно - мне нужно сделать так, чтобы он работал как ссылка, перебрасывающая на страницу.
Просто обернуть элементы в тэги "a" или "button" у меня не получилось, оформление ломается.
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ответы на вопрос 3
@alexalexes
Нужно помнить, что у тега a и button по умолчанию поведение display: inline - строчные элементы.
Если хотите, чтобы они служили там, где используются блочные элементы (display: block) и блочно-строчные (display: inline-block), как div в вашем примере. Так обеспечьте их этим свойством - указав его явно.
Зная это, можно спокойно заменить div на a и решить вашу проблему.
Ответ написан
Комментировать
@Delta01
@de1ta01 пиши, помогу с вёрсткой =)
Так вам пойдет?
Ответ написан
Комментировать
yesbro
@yesbro
Думаю, помогаю думать
Можно через обработку событий яваскриптом.

<li onclick="location.href='https://ya.ru'">
  <div class="mail-icon">
    <div class="mail-base">
      <div class="mail-top"></div>
    </div>
  </div>
</li>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
//stablecode Вена
от 250 000 ₽
Фрамир Санкт-Петербург
от 80 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽
27 февр. 2024, в 17:41
30000 руб./за проект
27 февр. 2024, в 17:29
30000 руб./за проект
27 февр. 2024, в 16:06
20000 руб./за проект