1
Codepen.ioのこのナビゲーションメニューが本当に好きですが、実際にはメニューにハイパーリンクを追加する方法はわかりません。誰かが私にそれを見てもらえますか? https://codepen.io/bennettfeely/pen/wWVZAW?q=menu+with+mix&limit=all&type=type-pensNavメニューにハイパーリンクを追加しようとしています
<div class='menu closed'><div class="logo"><img src="img/Menulogo.png" width="30" height="30"></div><div class='messages button'></div><div class='music button'></div><div class='home button'></div><div class='places button'></div><div class='bookmark button'></div><div class='main button'></div</div>
このソリューションは効果的ですが、リンクはボタンを表す円の上部でクリックできるだけです。クリック可能な領域を拡張するにはどうすればよいですか? –
@ChristopherBillups、CSSを ''タグに追加することで、クリック可能なボックスを拡張することができました。私が抱えている問題は、リンクをクリックするとリンクに行くのではなくメニューが閉じてしまうことです...とにかく、以下のCSSが動作するはずです。 { \t display:block; \t高さ:50%; \t幅:50%; } –