天使と悪魔選手権

CSSのliタグで画像との間に空白ができてしまいます。

解決済

  • 質問者：dream_cats
  • 質問日時：
  • 回答数：2件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>CSS</title>
<style type="text/css">
<!--
li {
margin:0px;
padding:0px;
list-style-type:none;
}
-->
</style>
</head>
<body>
<ul>
<li><img src="aaa.gif"></li>
<li><img src="bbb.gif"></li>
<li><img src="ccc.gif"></li>
</ul>
</body>
</html>

こんな感じのソースですけど、画像と画像の間に空白（2pxくらい）が
できてしまいます。
画像と画像をくっつけたいのですがどうすればいいでしょうか？
教えてください。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： 345itati
  • 回答日時：

レイアウトの為にリストのulを使うのは不自然かもしれません(本来の目的から外れているし


配置をいじりたいのであれば、ボックスを使って、画像自体に余白を入れないように記述した方がスマートだと思いますが。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
おっしゃるとおりです。
頭が固すぎました。
ボックスでレイアウトします。

通報する
お礼日時：2007/08/18 23:32

No.1

  • 回答者： 345itati
  • 回答日時：

単純に


<ul><li><img src="aaa.gif"></li><li><img src="bbb.gif"></li><li><img src="ccc.gif"></li></ul>
と、ソース上で改行しなければいいのでは？
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。やってみましたが、そういう問題ではないようです。

通報する
お礼日時：2007/08/18 23:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報