ﾄﾞﾛｯﾌﾟﾀﾞｳﾝﾒﾆｭｰを作成したのですが､どうしてもｻﾌﾞﾒﾆｭｰ設定ﾎﾞﾀﾝの下部画像間に隙間が空いてしまいます｡良い対処法はないでしょうか？…

人力検索はてな

ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら

ﾄﾞﾛｯﾌﾟﾀﾞｳﾝﾒﾆｭｰを作成したのですが､どうしてもｻﾌﾞﾒﾆｭｰ設定ﾎﾞﾀﾝの下部画像間に隙間が空いてしまいます｡
良い対処法はないでしょうか？

●拡大する

●質問者: kaji0245
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

▽1 ● POGPI
●50ﾎﾟｲﾝﾄ

imgなどのﾀｸﾞのcssで､
｢margin:0px;padding:0px;border:0px｣
と指定するといいかも知れません｡

kaji0245さんのｺﾒﾝﾄ
ｱﾄﾞﾊﾞｲｽありがとうございます｡早速､以下のような記述を追記してみましたが駄目でした｡ (HTMLﾍﾟｰｼﾞ)※＜＞は全角化＜img src="http://abc.jp/uploads/bt_03_off.gif" class="example1"＞ (CSSﾍﾟｰｼﾞ) img.example1 {margin:0px;padding:0px;border:0px;}

POGPIさんのｺﾒﾝﾄ
jsでどういうﾀｸﾞを出力しているのか分からないのであれなんですが､img以外のﾀｸﾞを使っていませんか｡使っていたら､そのﾀｸﾞも指定してみてください｡

kaji0245さんのｺﾒﾝﾄ
jsﾀｸﾞは未使用です｡ No2の方のdivﾀｸﾞで解決しました｡ありがとうございました｡

▽2 ● snow0214
●50ﾎﾟｲﾝﾄ

ﾍﾞｽﾄｱﾝｻｰ

divでline-height:0にして並べてみてください｡
ｻﾝﾌﾟﾙです｡

<div style="line-height:0;width:300px;">
<img src="http://abc.jp/uploads/bt_03_off.gif" alt="" width="300" height="400">
<img src="http://abc.jp/uploads/bt_04_off.gif" alt="" width="300" height="400">
</div>

kaji0245さんのｺﾒﾝﾄ
ｱﾄﾞﾊﾞｲｽありがとうございます｡無事に隙間が埋まりました！助かりました｡