Question

我有一个下拉菜单，它是一个表和表行。每行包含一个单词，这是一个超链接文本。我希望超链接字后面的空格是与文本本身相同的URL的链接。

这是我到目前为止所拥有的

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

这不起作用，是对我取得成功的任何建议，谢谢

Answer 1

您可以将锚设置为块元素，它将填充整个单元格。由于你的行中只有一个单元格，我认为这应该可以实现你想要的而不需要javascript：

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

See JSFiddle

我不确定那些mouseover和mouseout函数是做什么的，但我假设它们的样式更改可以用CSS轻松完成。

Answer 2

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

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

Answer 3

是的，您可以将整个td作为超链接，方法是将锚标记放在td中，并给予宽度为100％的类来锚定标记。

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>

使用表格行作为超链接

3 个答案: