simadzu https://blog.hatena.ne.jp/simadzu/ simadzu’blog https://simadzu.hatenablog.com/ はてなブログ はてなブログのサイドバーの最新記事や関連記事、記事下の関連記事など、サムネイル画像の横にタイトル、その下にテキストがあるボックスで、それぞれ別々にリンクするのではなく、ボックス全体にリンクを広げてどこでもクリックできるようにしたい。 以前もチャレンジしましたが、納得いくものではなく、定番のやり方では自作のサイドバーの注目記事が崩れたり...。それでもなんとかあきらめずにいい方法を見つけました。 親要素のDIVボックス全体にリンク範囲を広げる方法（改良版） 親要素全体をリンクのクリック範囲とするのはタイルデザインなどのウェブサイトでは多用する技術です。しかしタイルデザイン全体のどこをクリックして… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsimadzu.hatenablog.com%2Fentry%2Foverlink" title="はてなブログでボックス全体にリンクを広げる - simadzu’blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/simadzu/20241021/20241021152818.png Hatena Blog https://hatena.blog 2022-09-02 02:33:11 rich https://simadzu.hatenablog.com/entry/overlink 1.0 100%