人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSで、リストに入れた画像を上下に隙間無く並べたいのですが、WinIE等で隙間が空いてしまいます。
HTMLは以下のようになっているのですが、どう直せば良いでしょうか。
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<style type=”text/css”>
<!--
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
img {
border: none;
}
li {
margin: 0px;
padding: 0px;
}
-->
</style>
</head>
<body>
<ul><li><img src=”/001.jpg” /></li><li><img src=”/002.jpg” /></li></ul>
</body>
</html>

過去の質問でほとんど同じ質問がありました。
http://www.hatena.ne.jp/1085366887
こちらは<p>なのですが、これを<ul><li>で同じようにしたいのです。

●質問者: wintarsnow
●カテゴリ:ウェブ制作
✍キーワード:border CSS HTML margin padding
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hkn
●24ポイント

img{float:left;}

li{clear:left;}

これを追加するのはどうでしょうか?

◎質問者からの返答

出来ました!!

ありがとうございました!


2 ● ed_tks
●24ポイント

img {

border: none;

vertical-align: top;

}

としてみてはいかがでしょうか?

◎質問者からの返答

回答ありがとうございます!

この方法でも出来ました!


3 ● Mars
●24ポイント

imgの配置(縦方向)を指定するといいようです。

img {

border: none;

vertical-align:top;

}

◎質問者からの返答

回答ありがとうございます。

同上ですね。

皆様ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ