链接未显示在<td>标记内

Question

我试图在其中包含一个链接<td></td>,但它根本没有显示.

<tr align=left>
    <td><span style="font-weight:bold;">Website</span></td>                       
    <td><a href="http://www.zionsb.org"></a></td>
</tr> 

CSS

td {  
    text-transform: none;
    line-height: 115%;
    vertical-align: middle; 
    padding: 5px 0 5px 5px;        
}

请问我哪里错了？

Answer 1

您必须在链接中包含一些内容才能显示.例如 :

<a href="http://www.zionsb.org">some text</a>

如果您无需显示任何内容,也可以将click事件绑定到单元格:

<td id=A style="cursor:pointer"></td>

<script>
window.onload = function(){
  document.getElementById('A').onclick=function(){window.location="http://www.zionsb.org"};
};
</script>

但这并不能单独使链接可见.