单击整个以转到带有参数和rel标记的链接

时间:2014-09-02 17:47:39

标签: javascript shadowbox

我遇到了一个问题。

我知道如何让用户点击整个<TD>

但是现在,我的<a href='#'>link</a>还有一个rel标签,它会触发一个插件(Shadowbox),在一个漂亮的弹出窗口中打开链接,在我的整个页面上方。

那么如何让整个TD可点击进入链接,其内部看起来像

<td>
<a rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td> 



更新

.td_clickable
{
display: inline-block; 
width: 100%; 
height: 100%;
vertical-align:middle;
}

下面的代码是assigne作为&lt;的类。 a href&gt; ..你可以点击整个TD。

我现在对垂直对齐有一点问题,链接的文本设置为顶部,而vertical-align函数不起作用。

最后一个工作版

.td_clickable
{
display: inline-block; 
width: 100%; 
height: 100%;
text-align: center;
vertical-align: middle;
line-height: 45px; 
}


<td>
<a class='td_clickable' rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td> 

将以上内容作为一个类分配给您的&lt; HREF&gt;并将扩展整个道明,您可以点击TD上的任意位置来访问您的链接。

也不要忘记在onMouseOver上做一个this.style.cursor =&#34;指针&#34;所以它看起来不错:))

感谢大家的帮助! 真的很感激

0 个答案:

没有答案