上部にナビゲーションがある Web ページに取り組んでいます。HTMLページの領域をクリック可能にする方法を考えていました。そうすれば、ページ間を移動するために、ナビゲーション バーのテキストだけでなく、テキストの周りの一般的な領域をクリックすることができます。私がそれを続けようとすると、通常、ページに既にある div が台無しになります。
どんな助けでも大歓迎です!
ありがとう!
あなたの問題を正しく理解していれば:
display: block;
メニューテキストリンクのセットアップを試して、 + それらを追加してくださいpadding
。width
使用することも可能height
そのため、アクティブなリンクはテキストだけでなく、その周囲の領域にもなります。
内に配置できる HTML 要素のセットはごくわずかであり<a>
、それらのどれもあなたのために仕事をしていないと思います。たとえば、div を 内に配置することはできません<a>
。
その場合、javascript または jQuery を使用して、ページ上の特定の定義済み領域 (div など) でのクリックをリッスンし、アドレスを変更して (たとえば を変更してwindow.location.href
) 応答することができます。これにより、探しているものと同じ効果が得られます。
ただし、ユーザビリティとデザインの倫理上、Web サイトのユーザーが特定の領域がリンクであることを認識しており、クリックする前に別の場所に移動する必要があることに注意してください。
エリアごとに、div全体を意味していると思いますか?これを行うには、javascript (jQuery) を使用できます。
$("#mydiv").click(function() {
window.location = 'http://www.google.com'; // redirect here on click
});
<div id="mydiv">
<!-- this area we can click -->
</div>