毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

table中关于td点击空白处也可以跳转

更新时间:2012-5-22:  来源:毕业论文

table>
<tr>
<td><a><img></a></td>
<td><a href="">一个名字</a></td>
</tr>
</table>

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

<td onclick="window.location.href='url';"><a href="">一个名字</a></td>

或者<!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>

就是让 a 的高度 宽度 与父td的 宽高一致,那么点击td 的空白(看似是td的空白,其实也是a的部分)就可以触发a了

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。