Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Делаем ссылкой список li
Делаем ссылкой список li
workman
Дата: Пятница, 27.10.2017, 11:53 | Сообщение # 1
Гл. Модератор
Сообщений:1696
Награды: 8


У меня спрашивали - "Как сделать ссылкой именно список 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(12Kb)


Сообщение отредактировал
workman - Пятница, 27.10.2017, 15:19
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Делаем ссылкой список li
Страница 1 из 11
Поиск: