У меня спрашивали - "Как сделать ссылкой именно список 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>
Как на самом деле это работает смотрим тут
Или уже рабочее меню, как я сделал тут
Кстати говоря. Данное меню как раз может подойти к различным сайтам и ненужно делать под адаптацию под саму навигацию
