行中的链接在 Chrome 或 Firefox 中不起作用

发布于 2024-10-27 23:10:22 字数 420 浏览 1 评论 0原文

我有一个 ASP.NET 应用程序，它从数据库中提取数据并将其放入表中。我已将其设置为如果用户单击该行中的任意位置，则链接将起作用。基本上代码是这样的：

          <a href="showthisjob.aspx<tr>
          <td align="left">stuff</td>
          <td align="left">stuff</td>
          <td align="left">stuff</td>
         </tr></a>

这在 IE 中工作正常，但在 Chrome 和 Firefox 中链接不起作用。有人能告诉我为什么吗？我的学生需要在网页设计竞赛中解决这个问题。

原文

I have an asp.net application that pulls data from a data base and puts it into a table. I have it set so that if the user clicks anywhere in the row that the link works. Basically the code is like this:

          <a href="showthisjob.aspx<tr>
          <td align="left">stuff</td>
          <td align="left">stuff</td>
          <td align="left">stuff</td>
         </tr></a>

This works fine in IE but in Chrome and Firefox the link doesn't work. Can someone tell me why? My students need to fix this for a web design competition.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

仅此而已 2024-11-03 23:10:22

根据 HTML 标准，不是标记的有效子元素，标签只能包含其他内联元素（例如，但不包括另一个标签）和/或文本。 IE 基本上只是更加宽容，并遵循它认为您试图做的事情，而不是您真正应该被允许做的事情。您可以尝试看看其他浏览器实际上允许您在中填充内容并工作，但如果这是为了网页设计竞赛，我不会推荐它。

要在遵循标准的同时获得类似的功能，您可能需要使用 onClick 事件和嵌套表，或者如果您能承受学习曲线，最好使用

，因为这是为了一场比赛。如果没有，类似：

<table>
<tr>
    <td onClick="location.href='showthisjob.aspx'">
        <table>
            <tr>
                <td align="left">stuff</td>
                <td align="left">stuff</td>
                <td align="left">stuff</td>
            </tr>
        </table>
    </td>
</tr>
....
</table>

By the HTML standards, a <tr> is not a valid child element of an <a> tag, an <a> tag can only contain other in-line elements (such as a <span>, but excluding another <a> tag) and/or text. IE is basically just more forgiving and follows what it thinks you were trying to do instead of what you should really be allowed to do. You can experiment to see what the other browsers will actually allow you to stuff inside an <a> and work, but if this is for a web design competition I wouldn't recommend it.

To get similar functionality while following the standards, you would probably need to use an onClick event and a nested table, or better yet use <div>'s if you can afford the learning curve since this is for a competition. If not, something like:

<table>
<tr>
    <td onClick="location.href='showthisjob.aspx'">
        <table>
            <tr>
                <td align="left">stuff</td>
                <td align="left">stuff</td>
                <td align="left">stuff</td>
            </tr>
        </table>
    </td>
</tr>
....
</table>

回复收藏 0 原文

草莓酥 2024-11-03 23:10:22

好吧，首先，我希望您的实际代码中没有这个拼写错误：您错过了标记的结束 > 。

<a href="showthisjob.aspx><tr>
   <td align="left">stuff</td>
   <td align="left">stuff</td>
   <td align="left">stuff</td>
</tr></a>

但实际上你不能像这样链接表。我想这与浏览器有关，事实上 IE 通常在 HTML 标准方面与其他浏览器的工作方式不同。我认为您不能将嵌套在上，但请告诉 Microsoft...

我建议将在每个内。

Well, to begin with, I hope this typo isn't in your acutal code: you missed the closing > for the <a> tag.

<a href="showthisjob.aspx><tr>
   <td align="left">stuff</td>
   <td align="left">stuff</td>
   <td align="left">stuff</td>
</tr></a>

But indeed you cant link tables like that. I suppose this has to do with the browser, and the fact IE usually works different than other browsers in terms of HTML standards. I dont think you can nest <tr> on an <a>, but tell that to Microsoft...

I suggest putting the <a> inside each <td>.

回复收藏 0 原文

~没有更多了~