- ベストアンサー
Firefoxで画像のリンクをクリックした際の点線表示
- こんにちは。Firefoxで画像のリンクをクリックしたときに点線が表示されません。float: right; を削除したり、absoluteで指定しても解決しません。どうすれば点線を表示させることができるでしょうか？
- IEでは問題なく表示されるのに、Firefoxでは点線が現れません。float: right; の影響かと思いましたが、そうではないようです。点線を表示させる方法をご教示ください。
- 画像にリンクを張ると、Firefoxで画像をクリックした際に点線が表示されません。試しにfloat: right; を削除してみたら点線が表示されましたが、画像の位置を指定するabsoluteでは点線が表示されませんでした。点線を表示させる方法を教えてください。
- chibiookami
- お礼率81% (65/80)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
はじめまして。気になって試してみましたが、おっしゃるとおり画像をクリックした瞬間に点線が表示されていませんね。 原因はimgにかかっているfloatだと思われます。 解決方法として・・・ 1. aタグの上にdivなどのblock要素をつけてfloatをかける方法 <html> <head> <style> #main-sub imgbox { float: right; margin-top: 70px; margin-right: 10px; } </style> </head> <body> <div id="main-sub"> <h2>案内</h2> <h3>相談</h3> <p> 文章 </p> <div class="imgbox"><a href="../new/new.html"><img src="sample.jpg" alt="○○へ" border="0" /></a></div> </div> </body> </html> 2.aタグをblock要素にしてfloatをかける方法 <html> <head> <style> #main-sub a { display: block; float: right; margin-top: 70px; margin-right: 10px; } </style> </head> <body> <div id="main-sub"> <h2>案内</h2> <h3>相談</h3> <p> 文章 </p> <a href="../new/new.html"><img src="sample.jpg" alt="○○へ" border="0" /></a> </div> </body> </html> 以上の二つが考えられました。 imgタグにスタイルとしてblock要素を付け加えることも考えられましたが、imgタグをblock化しても点線は表示されませんでした。 imgの親要素にあたるタグにfloatをかけなければ点線が表示されないのかもしれないです。
お礼
できました！！ ありがとうございます！！！！ 簡単な事だったんですね。 お忙しい時間を割いて試していただき、ご回答くださったこと、 本当に感謝します。（涙 諦めかけていたところだったので、本当にうれしかったです。 どうもありがとうございました。