- ベストアンサー
ロールオーバーを立てに並べると隙間があいてします
ホームページのロールオーバーイメージを 立てに並べたところ どうしてもIEでロゴとロゴの間に 隙間が開いてしまいます。 これを詰める方法はないでしょうか？ ファイヤーフォックスだと問題なく表示されます。 プログラムは以下のとおりです。 <a href="#" onMouseOver="document.mn0.src='navi_hove9.jpg'"onMouseOut="document.mn0.src='navi8.jpg'"><img src="navi7.jpg" name="mn0" width="203" height="48" border="0" /></a> <a href="#" onMouseOver="document.mn1.src='navi6'"onMouseOut="document.mn1.src='navi/nav4.jpg'"><img src="navi5.jpg"name="mn1"width="203" height="48"border="0" /></a> <a href="#"onMouseOver="document.mn2.src='navi3'" onMouseOut="document.mn2.src='navi2.jpg'"> <img src="navi1" name="mn2" width="203" height="48" border="0" /> </a> よろしくお願いします。
- tyep
- お礼率80% (4/5)
- JavaScript
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
brタグを使わない理由が気になるところですが、それはおいといて。 3組のaタグとimgタグを改行なしでつなげれば、 隙間が開かなくなると思います。
その他の回答 (3)
- yambejp
- ベストアンサー率51% (3827/7415)
headタグに <style type="text/css"> a{ display:block; float:left; } </style> を記述してみては？ 一部のアンカーだけに適応したいならclassを設定するように
お礼
ありがとうございました。 参考にさせていただきます。
- Yohjira
- ベストアンサー率66% (14/21)
元のソースには改行の記述がないですけど、何らかの方法で改行してますよね。 改行はbrタグを使うなら、 <html> <body> <a href="#" onMouseOver="document.mn0.src='navi_hove9.jpg'"onMouseOut="document.mn0.src='navi8.jpg'"><img src="navi7.jpg" name="mn0" width="203" height="48" border="0" /></a> <br /> <a href="#" onMouseOver="document.mn1.src='navi6'"onMouseOut="document.mn1.src='navi/nav4.jpg'"><img src="navi5.jpg"name="mn1"width="203" height="48"border="0" /></a> <br /> <a href="#"onMouseOver="document.mn2.src='navi3'" onMouseOut="document.mn2.src='navi2.jpg'"><img src="navi1" name="mn2" width="203" height="48" border="0" /> </a> <br /> </body> と書くと、IEでは隙間が開きますね。 <html> <body> <a href="#" onMouseOver="document.mn0.src='navi_hove9.jpg'"onMouseOut="document.mn0.src='navi8.jpg'"><img src="navi7.jpg" name="mn0" width="203" height="48" border="0" /></a><br /> <a href="#" onMouseOver="document.mn1.src='navi6'"onMouseOut="document.mn1.src='navi/nav4.jpg'"><img src="navi5.jpg"name="mn1"width="203" height="48"border="0" /></a><br /> <a href="#"onMouseOver="document.mn2.src='navi3'" onMouseOut="document.mn2.src='navi2.jpg'"><img src="navi1" name="mn2" width="203" height="48" border="0" /> </a><br /> </body> と書いたら隙間は無くなるような気がします。
お礼
ご丁寧にありがとうございました。
補足
お返事ありがとうございます。 質問を書いたものです。 <br> タグをなくすためにボックスをロゴいっぱいいっぱいの横幅をにして立てに並べました。 なので <br>は使用してないです。 <br>タグを使用してないのにもかかわらず IEのみ隙間が開いてしまうので 悩んでいます。 ファイヤーフォックスやオペラ などは まったく問題ないのですが・・・・ 質問がわかりすらくてすいません。
- SAYKA
- ベストアンサー率34% (944/2776)
ホワイトスペース でしらべてごらん。 http://www.google.com/search?lr=lang_ja&q=html%20%E3%83%9B%E3%83%AF%E3%82%A4%E3%83%88%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9
補足
ホワイトスペースを削除したら 隙間がなくなりました ありがとうございます。
お礼
ありがとうございます 改行をすべて削除したら 隙間が消えました。