当前位置: 代码迷 >> HTML/CSS >> table 中关于td 的超链接,该如何处理
  详细解决方案

table 中关于td 的超链接,该如何处理

热度:433   发布时间:2012-05-24 11:55:41.0
table 中关于td 的超链接
<table>
<tr>
<td><a><img></a></td>
<td><a href="">一个名字</a></td>
</tr>
</table>

现在的是第二列只有点击文字才会跳转的。
但是名字不会占满整个列,我需要点击第二列任何空白处都能跳转。
怎么实现?

------解决方案--------------------
HTML code
<td onclick="window.location.href='url';"><a href="">一个名字</a></td>

------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <style>
            td {
                border:1px solid red;
                font-size:12px;
            }
            .test a{
                display:inline-block;
                width:100%; height:100%;
            }
        </style>        
    </head>
    <body>
        <table>
            <tr>
                <td><a><img></a></td>
                <td class="test" width="100" height="30"><a href="">一个名字</a></td>
            </tr>
        </table>
    </body>
</html> 
  相关解决方案