エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
画像にリンクを指定すると下線が表示される - akiのweb(ウェブ)日記
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
画像にリンクを指定すると下線が表示される - akiのweb(ウェブ)日記
画像にリンクしたいということはよくあると思うが、text-decoration:none;で下線を消してみるもFirefox... 画像にリンクしたいということはよくあると思うが、text-decoration:none;で下線を消してみるもFirefoxではうまくいかない場合があった。以下のようなクラスが先に指定されていてその後に画像という具合だ。 <p class="test"><a href="image-zoom.html"><img src="test.gif" alt="" width="100" height="100" /></a></p> そこからいろいろ試した結果、vertical-alignに問題があった。 vertical-alignにtopを指定すると画像の位置に変更が加わり下線が消えるようになる。 これがbottomだとなぜだかうまくいかなかったので下記の通りにCSSを記述したら大丈夫だった。 .test a img{ vertical-align:top; text-decoration: