2011-08-22 135 views
0

我想让我的div可点击并链接到外部网址。为什么这不工作,或者我应该怎么做?将div链接到外部网址

HTML:

<div id="logo_left"> 
    <a href="..external url.."></a> 
</div> 

样式表:

#logo_left { 
    //stylestuff 
} 
#logo_left a { 
    display: block; 
    height: 100%; 
    width: 100%; 
} 
+0

你真正需要的是你的A标签中的一些内容。一张图片,一些文字 - 告诉用户链接实际上做了什么。 – graphicdivine

回答

3

,你应该只在<a>并使其成为一个display: block;

a.block { display: block; height: 100px; width: 100px; } 

Working Example


或者,如果你正在使用<!doctype html>,你可以换一个<a>内div和有它点击的方式。

Working Example

0

您需要在上格

< 

div id="logo_left" onclick="window.redirect=..external url.."> 
  </div> 
+0

真的不需要。 HTML5规范允许'

' –

+0

HAs这个问题被标记为html5 .. Hv我们突然停止支持所有其他http版本..这是疯了! – Baz1nga

+0

不要投票根据你认为是正确的..如果它不正确的投票.. – Baz1nga

0

的点击属性添加一个事件你不需要JavaScript的链接到一个特定的URL只是用从开始的完整地址http:

<div id="logo_left"> 
    <a href="http://www.external-url.com"></a> 
</div> 
+0

你将不得不增加尺寸到'div',否则它会有一个'height'和'width' 0px,并且不可见。 –