Html TD无需div或javascript即可单击
我正在一个网站上工作,目标是旧功能手机类型的手机,它的css和html支持有限。我有一个表,有一行和两个单元格,每个单元格都包含一个链接。理想情况下,我希望两者都是可点击的。我尝试了一个div解决方案,但在我测试的一些手机浏览器上,文本可能会消失,我想这是因为这不完全是语义上的 关于如何在不使用div的情况下实现这一点,有什么建议吗 这是我的htmlHtml TD无需div或javascript即可单击,html,css,Html,Css,我正在一个网站上工作,目标是旧功能手机类型的手机,它的css和html支持有限。我有一个表,有一行和两个单元格,每个单元格都包含一个链接。理想情况下,我希望两者都是可点击的。我尝试了一个div解决方案,但在我测试的一些手机浏览器上,文本可能会消失,我想这是因为这不完全是语义上的 关于如何在不使用div的情况下实现这一点,有什么建议吗 这是我的html <div><table style="width:100%;"><tbody><tr> <
<div><table style="width:100%;"><tbody><tr>
<td class="leftTd"><a href="link1"><Left</div></a></td>
<td class="rightTd"><a href="link2>Right</a></td>
</tr></tbody></table></div>
td a {
display:block;
width:100%;
height:100%;
}
还修复了HTML标记的错误:
<div>
<table style="width:100%;">
<tr>
<td class="leftTd"><a href="link1">Left</a></td>
<td class="rightTd"><a href="link2">Right</a></td>
</tr>
</table>
</div>
在第一个链接中,您有一个错误的您提供的HTML标记无效。这里是有效的标记
<table style="width:100%;">
<tbody>
<tr>
<td class="leftTd"><a href="link1">Left</a></td>
<td class="rightTd"><a href="link2">Right</a></td>
</tr>
</tbody>
</table>
HTML4事件属性
<table border="0" style="cursor:pointer" onMouseover="window.status='http://www.stackoverflow.com/'" onMouseout="window.status=''" onMouseup="window.location='http://www.stackoverflow.com/'" width="158" height="158" style="background-image: url('http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png')">
<tr>
<td style="display:none;">This entire table is a link with no content</td>
</tr>
</table>
整个表是一个没有内容的链接
您是否将a
定义为块级元素?让我们看看你的CSS。你不能用CSS
点击
,但是你可以将a
标签的CSS
设置为显示:块
,这将允许你添加填充等,并使其成为
的完整宽度/高度“您不应该在左文本之前使用<,使用这种方式,它会认为您正在声明一个DOM元素,目标是旧功能手机类型的手机
;-)谢谢,我在发布之前编辑了一些html,因此出现了错误。不管怎么说,你的解决方案是有效的,因为你是第一个提出它的人,并将它标记为正确答案。老实说,我认为@roko在回答这个问题上胜过了我。答案不是最接近顶部的第一个答案吗?我想在没有选择答案的情况下,答案是以随机顺序显示的。不过我可能错了。
<table border="0" style="cursor:pointer" onMouseover="window.status='http://www.stackoverflow.com/'" onMouseout="window.status=''" onMouseup="window.location='http://www.stackoverflow.com/'" width="158" height="158" style="background-image: url('http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png')">
<tr>
<td style="display:none;">This entire table is a link with no content</td>
</tr>
</table>