表格内的 HTML 锚点答案

【问题标题】：HTML anchor inside a table表格内的 HTML 锚点
【发布时间】：2017-03-02 13:48:32
【问题描述】：

tr id 元素不能作为链接的目标。

我正在尝试创建链接 www.mywebsite.com/page1.asp#row1

这些行中的每一行都有一张图片和描述，我需要将它们转到一个不同的 url。

下面的代码是我得到的最接近的代码，但它仍然无法正常工作，我不知道为什么。

我正在 Volusion 中建立这个网站。此 HTML 将进入已构建框架内的内容块。

<table>
     <colgroup><col width="30%">
     </colgroup>
<tbody>
  <tr id = "row1">
    <td><div style="text-align: center;"><img src="/img1.JPG" alt="" align="top" border="0px"></div></td>
    <td valign="top">1st Image</td> 
  </tr>
  <tr id = "row2">
    <td><div style="text-align: center;"><img src="/img2.JPG=" align="top" border="0px"></div></td>
    <td valign="top">2nd Image</td> 
  </tr>
  <tr id = "row3">
    <td><div style="text-align: center;"><img src="/img3.JPG" alt="" align="top" border="0px"></div></td>
    <td valign="top">3rd Image</td> 
  </tr>
</tbody>
</table>

【问题讨论】：

可能不相关，但您在“row2”中有代码错误 <img src="/img2.JPG="" ... 应该是 <img src="/img2.JPG" ...
感谢您的编辑。但它是无关的。
似乎对我有用codepen.io/anon/pen/YZwjjr。如果这不起作用，您使用的是什么浏览器/操作系统？当你点击链接时会发生什么吗？
这应该可以正常工作 - jsfiddle.net/c7f1wc1v - 也许它与服务器端 asp 渲染有关。
这就是我害怕的！明天我会用实际代码发布更多细节。

标签： css asp.net html anchor

【解决方案1】：

我猜图片的路径是错误的。也许一旦检查了路径，就像您可能忘记添加的另一个文件夹（如 image/img1.jpg）。或者尝试使用 ./ 而不是 /。 img2 src 也是错误的。请改正

【讨论】：

问题与我的图片无关。图像渲染正确。