CSSテクニックコミュのリストの左余白を消したいのですが、

初めまして、お茶汲みと申します。
最近やっとCSSを勉強始めたばかりのド素人です。
どうか、お手柔らかに教えていただけないでしょうか。

左側に画像を使ったメニューを作ってみたのですが、
メニュー（リスト項目）の左側に余白ができてしまいます。
どうしたら、左に寄ってくれますか。

＿＿＿＿＿CSS部＿＿＿＿＿＿＿＿＿

div#ul {
text-style:left;
width:202px;
height:89%;
margin-left:0;
padding-left:0;
list-style-position:inside;
float:left;
border:0;
overflow:hidden;
background:#313063;
}
ul li a{
padding:0
float:left;
border:0;
margin-left:0;
padding-left:0;
list-style-position:inside;
}
ul li {
list-style-type:none;
folat:left;
border:0;
margin-left:0;
padding-left:0;
list-style-position:inside;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿

＿＿＿＿＿html部分＿＿＿＿＿
<div id="ul">
<img src="ロゴ画像.jpg">
<ul>
<li><a href="A.html"><img src="A.jpg" border="0"></a></li>
<li><a href="B.html"><img src="B.jpg" border="0"></a></li>
<li><a href="C.html"><img src="C.jpg" border="0"></a></li>
<li><a href="D.html"><img src="D.jpg" border="0"></a></li>
<div>
_____________________

どうぞ宜しくお願いします。

コメント(4)

最初
全て
最新の40件

[1] mixiユーザー 02月22日 02:13

<!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>
<title></title>
<style type="text/css">
div#ul {
width:202px;
height:89%;
margin-left:0;
padding-left:0;
border:0;
overflow:hidden;
background:#313063;
}
ul{
margin:0;
padding:0;
}
ul li {
list-style-type:none;
margin-left:0;
}
ul li a{
padding:0
border:0;
margin-left:0;
padding-left:0;
}
</style>
</head>
<body>
<div id="ul">
<img src="ロゴ画像.jpg">
<ul>
<li><a href="A.html"><img src="A.jpg" border="0"></a></li>
<li><a href="B.html"><img src="B.jpg" border="0"></a></li>
<li><a href="C.html"><img src="C.jpg" border="0"></a></li>
<li><a href="D.html"><img src="D.jpg" border="0"></a></li>
</div>
</body>
</html>

こんなイメージ？

[2] mixiユーザー 02月22日 02:25

やってみました。
ありがとうございます。できました。

これから、どこが間違っていたのか
じっくりタグを読んで勉強したいと思います。
感謝！

[4] mixiユーザー 02月22日 12:02

与一さん。ありがとうございます。

なるほど、次回行き詰った時に使わせて頂きます。

魔法の呪文を覚えた気分です。
ありがとうございます。

ログインすると、みんなのコメントがもっと見れるよ