• ベストアンサー

画像と水平線について

すみません。 htmlで画像の下に水平線を引いたのですが、 画像と水平線の間に空白が空いてしまいます。 画像と水平線を重ねることは可能なのでしょうか。 <html> <head> <body> <img src="/image/test.gif"> <hr size="0.5" noshade color="#c7ecf9"> </body> </html> よろしくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • crepon133
  • ベストアンサー率51% (399/776)
回答No.2

これでいかがでしょう <div><img src="/image/test.gif"></div> <div style="border-top:solid 1px #c7ecf9;margin-top:0px"></div>

noname#90757
質問者

お礼

crepon133さん ご返答の方有難うございます。 役立ち助かりました。 またよろしくお願い致します。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

Firefox だと、 style="margin-top:0" でいいみたいですけど、 IE だとだめみたいですね。 DIV でborder でやってみるとか

noname#90757
質問者

お礼

BLUEPIXYさん ご返答有難うございます。 ご参考にさせて頂きました。 いろいろと試していただいたようで有難うございます。 またよろしくお願い致します。

関連するQ&A