我有以下标记,
<ul id="menu">
<li><a href="#">Something1</a></li>
<li><a href="#">Something2</a></li>
<li><a href="#">Something3</a></li>
<li><a href="#">Something4</a></li>
</ul>
它<li>有点大,左边有一个小图像,我必须实际点击它<a>来激活链接.如何点击<li>激活链接？
EDIT1:
ul#menu li
{
display:block;
list-style: none;
background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
border: 1px solid #b2b2b2;
padding: 0;
margin-top: 5px;
}
ul#menu li a
{
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
padding-right:.5em;
color: #696969;
}
我知道这已经很多次了,但在我的具体情况下我找不到任何解决方案.
我有一个导航栏,<li>如果你愿意,我希望整个链接"或"可点击".现在只有<a>(和<div>我已经摆弄的)是"可点击的".
我尝试过这种li a {display: inner-block; height: 100%; width: 100%}方法,但结果却很可怕.
源代码可以在这里找到:http://jsfiddle.net/prplxr/BrcZK/
<!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>
有人有一个很好的解决方案吗？
先感谢您!
我试图找到这个验证错误的解决方案.我有一个带缩略图的图像网格,点击时会显示一个模态.一切正常但它没有验证.我不能把li放在模态图像周围,或者在点击之前显示.我对编码很新,任何帮助都会很棒.
Line 54, Column 41: Element a not allowed as child of element ul in this context.
(Suppressing further errors from this subtree.)
<a href="#_" class="lightbox" id="img10">
码:
<ul class="cbp-rfgrid">
<li>
<a href="#img10"><img src="images/portfolio/goat-tn2.jpg" alt="logo"></a>
</li>
<a href="#_" class="lightbox" id="img10">
<img src="images/portfolio/goat.jpg" alt="logo">
</a>
</ul>