こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

CSSのmarginが反映されません

HPを製作中メニューページを縞々のデザインにしようと下のようなCSSで製作をしているのですが、どうしても左に空白が出来てしまいます。
marginは0にしてあるのですが、どこか間違って居る所があるのでしょうか…自分で見直してもさっぱりわからないんです;;


::::CSS::::

#body{
text-align:center;
font-family: 'HGS創英角ポップ体';
color:#5d5c70;
width:100%;
float:left;
padding:180px 0px 0px 0px ;
margin:0px;
font-size:13px;
background: #000000;
}

#body a{
width:100%;
color:#5a5d73;
}
#body a:hover{
color:#7c7f95;
}


ul.list li {
margin:0;
padding:8px 0px 8px 0px;
list-style: none;
width:100%;
}

ul.list li.1 {
background: #ffb6c1;
}

ul.list li.2 {
background: #ffabbb;

}ul.list li.3 {
background: #ffa0b7;
}

ul.list li.4 {
background: #ff95b4;
}

ul.list li.5 {
background: #ff8ab3;
}

ul.list li.6 {
background: #ff7fb2;
}

}ul.list li.7 {
background: #ff74b2;
}

ul.list li.8 {
background: #ff69b4;
}

::::HTML::::
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<title>NO-NAME</title>
</head>
<body id="body" style="overflow:hidden;">
<ul class="list">
<li class="1"><a href="top" Target="right">TOP</a></li>
<li class="2"><a href="about" Target="right">ABOUT</a></li>
<li class="3"><a href="main" Target="right">MAIN</a></li>
<li class="4"><a href="obi.jp/" Target="right">BLOG</a></li>
<li class="5"><a href="nu0/" Target="right">MEMO</a></li>
<li class="6"><a href="off" Target="right">OFF</a></li>
<li class="7"><a href="bkm" Target="right">BKM</a></li>
<li class="8"><a href="8797" Target="right">INDEX</a></li></ul>

</div>
</body>
</html>

投稿日時 - 2009-03-22 18:05:27

QNo.4818359

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

とりあえず、

ul{ margin-left:0; padding-left:0;}

これで、左のスペースは、無くなるけども、
そもそも、HTMLとCSSの利用法が間違っているので
もう一度、参考書などを読んで全体的に改善したほうが良いですよ。

投稿日時 - 2009-03-22 20:24:53

あなたにオススメの質問