ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：noname#64096 <ul>タグの上の空白って消せますか？
困り度：
  • すぐに回答を！
 <ul><li></li></ul>で囲まれた部分の上に空白ができてしまいます。
CSSでいろいろ試してみましたが、どうしても空白がきえませんでした・・・

ためしに<ul></ul>をとっちゃったんですが・・・これはまずいですよね？
どうすれば空白を消す（指定）することができるのでしょうか？
また、同時に<li>で囲まれた画像の下の空白や左位置のずれもとりたいのですが・・・

どうかよろしくお願いいたします。

＝＝＝＝＝タイトル画像＝＝＝＝＝＝
テキストテキストテキスト　■■■（画像）（画像）
テキストテキストテキスト　■■■（画像）（画像）
テキストテキストテキスト　■■■（画像）（画像）

このような感じでレイアウトしたいのですが、どうしても■の画像の一番上の部分に空白ができて、■同士が重なってしまいます。
■同士が重なるのはmargin rightを指定すればなんとかなるのですが、
これもできれば他の方法があれば教えていただきたいです・・・

どうかよろしくお願致します。
質問投稿日時：08/04/06 22:48
質問番号：3928026
この質問に対する回答は締め切られました。

回答

良回答20pt
回答者：leap_day こんにちは

＞どうすれば空白を消す（指定）することができるのでしょうか？

ul {
margin:0px;
padding:0px;
}

＞<li>で囲まれた画像の下の空白

img {
vertical-align:bottom;
}

＞左位置のずれ
<img>を並べた時の普通の挙動だと思うのでmarginやpadding、背景色と同色の左右のborderをつけたり、width指定したブロック要素に<img>を入れてfloatで並べるとかしかないかと思います
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/06 23:20
回答番号：No.1
この回答へのお礼すみません！

勘違いでした・・・
実はIDが他のページのものとかぶってしまってて・・・
本当にすみません。

また、どうかよろしくお願致します。
 
このページのトップへ