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>で同じようにしたいのです。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/10/28 21:12:55
  • 終了:--

回答(3件)

id:hkn No.1

hkn回答回数8ベストアンサー獲得回数02004/10/28 21:33:13

ポイント24pt

img{float:left;}

li{clear:left;}

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

id:wintarsnow

出来ました!!

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

2004/10/28 21:45:42
id:ed_tks No.2

ed_tks回答回数699ベストアンサー獲得回数02004/10/28 21:36:41

ポイント24pt

img {

border: none;

vertical-align: top;

}

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

id:wintarsnow

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

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

2004/10/28 21:50:07
id:Mars No.3

Mars回答回数203ベストアンサー獲得回数202004/10/28 21:41:51

ポイント24pt

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

img {

border: none;

vertical-align:top;

}

id:wintarsnow

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

同上ですね。

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

2004/10/28 21:51:23

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

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

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

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

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