将div链接到外部URL

时间:2011-08-22 18:43:55

标签: css html hyperlink

我希望我的div可以点击并链接到外部网址。为什么这不起作用或我应该做什么呢?

HTML:

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

样式表:

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

3 个答案:

答案 0 :(得分:3)

您应该只使用<a>并将其变为display: block;

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

<强> Working Example


或者,如果您使用的是<!doctype html>,则可以将div包装在<a>内,然后将其点击。

<强> Working Example

答案 1 :(得分:0)

您需要在div

的on click属性上添加一个事件
 <

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

答案 2 :(得分:0)

只需使用从http:

开始的完整地址,您就不需要JavaScript链接到特定的URL
<div id="logo_left">
   <a href="http://www.external-url.com"></a>
</div>