• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Делаем ссылкой список li
Делаем ссылкой список li
workman
Пятница, 27 Октября 2017 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
У меня спрашивали - "Как сделать ссылкой именно список Li?"
Отвечаю сразу для всех.
Например мы имеем такой список меню, но нам хотелось бы, чтобы клик был не только по ссылке для перехода, а по самому как бы блоку. Вот ответ.

Просто ставим к такому меню стили CSS
Код
.menu li {cursor: pointer;}
.menu li > a {display: block;}

Код
<ul class="menu">
<li><a href="#">ссылка</a></li>
<li><a href="#">ссылка</a></li>
<li><a href="#">ссылка</a></li>
<li><a href="#">ссылка</a></li>
<li><a href="#">ссылка</a></li>
<li><a href="#">ссылка</a></li>
</ul>

Как на самом деле это работает смотрим тут
Или уже рабочее меню, как я сделал тут



Кстати говоря. Данное меню как раз может подойти к различным сайтам и ненужно делать под адаптацию под саму навигацию
Прикрепления: 6657797.jpg (12.4 Kb)


Сообщение отредактировал
workman - Пятница, 27 Октября 2017, 15:19
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Делаем ссылкой список li
  • Страница 1 из 1
  • 1
Поиск: