使用表格行作为超链接

我有一个表格和表格行的下拉菜单。每行都包含一个超链接文本。我希望超链接词后面的空格可以链接到与文本本身相同的网址。使用表格行作为超链接

这是我迄今为止

<TR ID="opt_1" onclick href="boom.php?catname=booyah " ONMOUSEOVER="hiLiteM('01'); hiLite('1')" ONMOUSEOUT="unLite('1'); unLiteM('01')" ><TD> <a onclick href="boom.php?catname=booyah ">booyah</A></TD></TR>

这是不行的，是我取得成功的任何建议，谢谢

来源

2015-05-10 peter

一个我觉得有趣的事情是，你正在利用几乎所有的标签和'onclick'为空没有明显的原因。启发我，你为什么这样做？ – Ben

暂时减速 – peter

<TR ID="opt_2" onClick="location.href='brands.php?catname=Asprey'" ONMOUSEOVER="hiLiteM('01');hiLite('2')" ONMOUSEOUT="unLite('2'); unLiteM('01')"><TD><A onclick href="brands.php?catname=Asprey">Asprey</A></TD></TR>

这是我的解决方案。有没有人有更好的？

来源

2015-05-10 04:17:11 peter

您可以将锚点设置为块元素并填充整个单元格。因为有你的行中只有一个格，我想这应该完成你想要的东西，而不需要使用Javascript：

<tr id="opt_1"> 
    <td><a style="display: block" href="boom.php?catname=booyah">booyah</a></td> 
</tr>

See JSFiddle

我不知道这些鼠标悬停及移出功能做的，但我假设它们是可以用CSS轻松完成的样式更改。

来源

2015-05-10 04:23:18 billynoah

是的，您可以通过在td中放置锚标签并将100％宽度的类放置到锚标记来使整个td成为超链接。

JSFiddle

CSS

table { width: 300px; } 

table, table tr, table td 
{ 
margin:0%; 
} 

.td-link 
{ 
    display:inline-block; 
    width:100%; 
    background:aqua; 
} 

a 
{ 
    text-decoration:none; 
    color:black;  
}

HTML

<table> 
    <tbody> 
     <tr> 
      <td> 
       <a href="abc.html" class="td-link">TD is made link now </a> 
      </td> 
     </tr> 
    </tbody> 
</table>

来源

2015-05-10 05:09:54 divy3993

使用表格行作为超链接

回答

相关问题