Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html TD无需div或javascript即可单击_Html_Css - Fatal编程技术网

Html TD无需div或javascript即可单击

Html TD无需div或javascript即可单击,html,css,Html,Css,我正在一个网站上工作,目标是旧功能手机类型的手机,它的css和html支持有限。我有一个表,有一行和两个单元格,每个单元格都包含一个链接。理想情况下,我希望两者都是可点击的。我尝试了一个div解决方案,但在我测试的一些手机浏览器上,文本可能会消失,我想这是因为这不完全是语义上的 关于如何在不使用div的情况下实现这一点,有什么建议吗 这是我的html <div><table style="width:100%;"><tbody><tr> <

我正在一个网站上工作,目标是旧功能手机类型的手机,它的css和html支持有限。我有一个表,有一行和两个单元格,每个单元格都包含一个链接。理想情况下,我希望两者都是可点击的。我尝试了一个div解决方案,但在我测试的一些手机浏览器上,文本可能会消失,我想这是因为这不完全是语义上的

关于如何在不使用div的情况下实现这一点,有什么建议吗

这是我的html

<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>