htmlページの領域をリンクにする

Question

私はトップにナビゲーション付きのWebページを作成しています。私はhtmlページの領域をクリック可能にする方法を考えていました。こうすることで、ナビゲーションバーのテキストだけでなく、テキストを囲む一般的な領域をクリックして、ページ間を移動することができます。私がそれをやろうとすると、私はすでにページ上にあるdivを駄目にする。

助けていただけたら幸いです！

ありがとうございます！

Answer 1

私はpropertlyあなたの問題を理解している場合：あなたのメニューテキストリンクの

てみセットアップdisplay: block;を、+彼らにpaddingを追加します。また、使用することができますwidthとheight

アクティブなリンクは、テキストだけでなく、その周辺の領域になります。

Answer 2

私はエリア全体を意味していると思いますか？私たちは、これを行うためにはJavaScript（jQueryの）を使用することができます。

$("#mydiv").click(function() { 
    window.location = 'http://www.google.com'; // redirect here on click 
}); 
<div id="mydiv"> 
    <!-- this area we can click --> 
</div> 

Answer 3

あなたは<a>の内側に配置することができ、HTML要素の唯一の小さなセットがあり、私はそれらのどれもがあなたのために仕事をしていない推測しています。たとえば、divを<a>の内部に配置することはできません。

この場合、javascriptまたはjQueryを使用してページ上の特定の定義された領域（divなど）のクリックをリッスンし、アドレスを変更して応答することができます（window.location.hrefを変更します）。これは、あなたが探しているのと同じ効果があります。

有用性とデザイン倫理は、あなたのウェブサイトのユーザーが特定の領域がリンクであることを知っており、クリックする前にどこかに連れて行くことを要求します。