读书人

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

发布时间: 2012-05-24 11:55:41 作者: rapoo

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> 

读书人网 >CSS

热点推荐