- ベストアンサー
リストに画像入れると
<ul> <li><img src=…><li> <li><img src=…><li> </ul> のようにすると、IE6.0で、リストに行間が発生します。Netscape7だと画像はぴったりとくっついて並ぶのです。 IEでぴったりとくっつくにはどうしたらいいですか？
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
以下のスタイルを足してみてください。 #<head>～</head>間に <style type="text/css"> <!-- li img {vertical-align:bottom;} --> </style>
その他の回答 (3)
- quads
- ベストアンサー率35% (90/257)
他の方が回答されているもののどちらの原因か分かりませんが、 <li>の連続のことなら問題外ですので修正してください。 <li>で画像を囲った場合はsteel_grayさんの示された通り、vertical-alignで指定してやれば余白がなくなると思います。 リストにマークを利用されているのであれば、 li{vertical-align:@@@@@@} li img{vertical-align:@@@@@@} を別々に指定して、好ましい表示にしてください。 li{vertical-align:middle} li img{vertical-align:text-bottom} li img{vertical-align:middle} などいろいろ指定してみてください。 とは言ってもこれが適切な方法なのかは分かりません。 プロパティ値についてはこちらなどで確認してください。
お礼
自己レスになってしまうのですが、 vertical-align:bottom; font-size:0; line-height:0; で解決しました。 vertical-align:bottom; はいらないのかな？ 試してみます。 どうもありがとうございました。
補足
vertical-align:bottom; はいらないのかな？ 間違い ↓ vertical-align:bottom;だけでいいのかな？
- gura_
- ベストアンサー率44% (749/1683)
<ul> <li><img src=…><li> <li><img src=…><li> </ul> と、<li>タグが閉じていないので、各ブラウザが勝手に判断しているのだと思います。 <ul> <li><img src=…></li> <li><img src=…></li> </ul> にして、<li>タグを閉じれば、同じようになると思いますが。
お礼
<li><img></li> で隙間が出来るのは 調べてみたところ IEのバグとのことでした。 お騒がせしました。
- mousengoke
- ベストアンサー率50% (197/388)
とりあえず気になったんですが <ul> <li><img src=…><li> <li><img src=…><li> </ul> ではなくて <ul> <li><img src=…></li> <li><img src=…></li> </ul> です。
お礼
</li>でしたね。 慌ててました。
お礼
自己レスになってしまうのですが、 vertical-align:bottom; font-size:0; line-height:0; で解決しました。 どうもありがとうございました。