• Страница 1 из 1
  • 1
Форум » Создание сайта на HTML + CSS » Скрипты сайтов HTML » Делаем ссылкой список li
Делаем ссылкой список li
workman
Дата: Пятница, 27.10.2017, 11:53 | Сообщение 1
Гл. Модератор
Сообщений:1717
Награды: 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.10.2017, 15:19
Страна: (RU)
Форум » Создание сайта на HTML + CSS » Скрипты сайтов HTML » Делаем ссылкой список li
  • Страница 1 из 1
  • 1
Поиск: