我有一个菜单,您可以在右上角看到 - www.balibar.co
HTML:
<div id="joinHeader" class="shadow">
<table id="indexNavigation"><tr>
<td><a id="navSearch">Search</a></td>
<td><a id="navLanguages">Languages</a></td>
<td id="activeNavLink"><a id="navLogin">Login</a></td>
</tr></table>
</div>
CSS:
table#indexNavigation {
width: 100%;
height: 25px;
font-weight: normal;
font-size: 1.1em;
border-collapse: collapse;
}
table#indexNavigation td {
text-align: center;
color: white;
width: 33.33%;
border-right: 1px solid #FFF;
cursor: pointer;
}
table#indexNavigation td#activeNavLink {
border-right: none;
}
我想让整个 TD 可点击。
我添加了光标:指针;到 TD,但除非超过单词,否则它不会亮起。
我尝试把<a>
之外的<td>
但这没有用。
有没有什么技巧可以使其可点击。
然后将其连接到 jQuery 以获得点击事件 - 例如:
$('td#activeNavLink').click(function() {
只需将您的链接放入您的td
标签的宽度为 100%。然后它们将占据单元格的整个宽度。
table#indexNavigation td a {
display: block;
width: 100%;
text-align: center;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)