携帯サイトのコーディングで、画像を縦に並べると画像同士の間に1,2pxの余白が空いてしまいます。

この余白を消して、画像同士をピッタリくっつける方法はないでしょうか?

確認した機種:AU Kyocera W44K

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/02/09 19:15:08
  • 終了:2009/02/16 19:20:02

回答(3件)

id:yotaca No.1

よたか回答回数426ベストアンサー獲得回数462009/02/09 19:35:29

ポイント60pt

タグとタグの間に改行があると空く時がありますので、改行をなくされてはいかがでしょうか?

あと改行コードをLFにすると直ったりした事がありました。

URLはダミーで私のブログです。

http://blog.hanamarl.com/

id:tenshin42

ダメでした。

かなしい・・・

2009/02/09 22:25:56
id:rouge_2008 No.2

rouge_2008回答回数594ベストアンサー獲得回数3512009/02/10 10:38:46

ポイント10pt

auの仕様のようですね。

他にもauの携帯での表示で、画像と画像の隙間に関して困っている人がいました。

XHTMLではテーブルタグが使用できるので、<table>に「 border="0" cellpadding="0" cellspacing="0"」を指定してはいかがでしょうか?

【例】

<table border="0" cellpadding="0" cellspacing="0">

<tr><td><a href="http://www.xsample.jp/" target="_blank"><img src="image/photo1.jpg" width="120" height="120" alt="Photo1" /></a></td>

</tr>

<tr>

<td><img src="image/photo2.jpg" width="120" height="120" alt="Photo2" /></td>

</tr>

</table>


http://www.au.kddi.com/ezfactory/tec/spec/wap_tag02.html

http://www.atmarkit.co.jp/fmobile/rensai/xhtml03/xhtml03.html



※CSSも試してみたのですが、方法が見つかりませんでした。

margin: 0;

padding: 0;

あるいは

vertical-align: bottom;

あるいは

vertical-align: top;

などを指定してみたのですが、いずれもダメでした。(実機では確認していません。)

id:takabi No.3

takabi回答回数4ベストアンサー獲得回数12009/02/10 16:53:33

ポイント10pt

画像はインライン要素なので、ベースラインで並べられるため

下に隙間ができているのだと思います。

<img src="************" style="vertical-align:bottom">

上記のように、インラインでstyle属性をつけて画像の基準をテキスト下端に下げてやればよいのでは。

http://www.mozilla.gr.jp/standards/webtips0018.html

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません