Я знаю, что это было много раз, но я не смог найти решение в моем конкретном случае.
У меня есть панель навигации, и я хочу, чтобы все <li>
были "связаны" или "кликабельны", если хотите. Теперь только <a>
(и <div>
, в котором я искал), является "кликабельным".
Я пробовал метод li a {display: inner-block; height: 100%; width: 100%}
, но результаты были просто ужасны.
Источник можно найти здесь: http://jsfiddle.net/prplxr/BrcZK/
HTML
<!DOCTYPE html>
<html>
<head>
<title>asdf</title>
</head>
<body>
<div id="wrapper">
<div id="menu">
<div id="innermenu">
<ul id="menulist">
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk1</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk2</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk3</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk4</div></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
У кого-нибудь есть опрятное решение?
Заранее благодарю вас!