Сделайте div в ссылку

Question

У меня есть блок <div> с каким-то необычным визуальным контентом, который я не хочу менять. Я хочу сделать ссылку кликабельной.

Я ищу что-то вроде <a href="…"><div> … </div></a>, но это действительно XHTML 1.1.

Answer 1

если бы все было так просто ...

#logo {background:url(../global_images/csg-4b15a4b83d966.png) no-repeat top left;background-position:0 -825px;float:left;height:48px;position:relative;width:112px}

#logo a {padding-top:48px; display:block;}



<div id="logo"><a href="../../index.html"></a></div>

просто подумай немного нестандартно; -)

Answer 2

Эта работа для меня:

<div onclick="location.href='page.html';"  style="cursor:pointer;">...</div>

Answer 3

Это самый простой способ.

Скажем, это блок div, который я хочу сделать кликабельным:

<div class="inner_headL"></div>

Итак, поставьте href следующим образом:

<a href="#">
 <div class="inner_headL"></div>
</a>

Просто рассмотрите блок div как обычный HTML-элемент и включите обычный тег href.
Работает как минимум на FF.

Answer 4

Мои умные штаны отвечают:

«Уклончивый ответ:« Как сделать элемент уровня блока гиперссылкой и проверить его в XHTML 1.1 »

Просто используйте HTML5 DOCTYPE DTD. "

На самом деле не верно для ie7

onclick="location.href='page.html';"

Работает IE7-9, Chrome, Safari, Firefox,

Answer 5

Вы можете окружить элемент тегами href или использовать jquery и использовать

$('').click(function(e){
e.preventDefault();
//DO SOMETHING
});

Answer 6

Вы можете дать ссылку на ваш div следующим способом:

<div class="boxdiv" onClick="window.location.href='https://www.google.co.in/'">google</div>
<style type="text/css">
.boxdiv {
    cursor:pointer;
    width:200px;
    height:200px;
    background-color:#FF0000;
    color:#fff;
    text-align:center;
    font:13px/17px Arial, Helvetica, sans-serif;
    }
</style>