2011-08-22 119 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,並且不可見。 –