左に寄せたいのですが

[新着] Webテンプレートを仮オープンしました



0   名前: ギンペイ : 2006/11/28(火) 15:02  ID:R96w2bjc
リストのマーカーを画像に指定した行(表題とある行です)をテーブル内で左寄せにしたいのですが、
(テーブルの左側ボーダーに近く配置したい)どのようにすればいいのか分かりません、どなたかご伝授願えればありがたいのですが。



<HTML>
<STYLE TYPE="text/css">
<!--
ul { list-style-image:url("http://www.nizm.co.jp/sitemap/red.gif");}
-->
</style>
<body>

<TABLE width="200" height="200" cellpadding="0" cellspacing="0" border="1">
<TR ><TD width="200" valign="top" align="left">

<ul>
<li>表題</li>

<ul>
<li>リスト1</li>
<li>リスト2</li>
</ul>

</TD></TR>
</TABLE>

<HTML>

なにとぞ宜しくお願いいたします。

1   名前: Newのり太 : 2006/11/28(火) 15:02  ID:QG708qaR
ul, li の左側マージン、パディングで調整すればいいのではないでしょうか。

# ブラウザによって、リストマークをマージンに含めるか
# パディングに含めるかの違いがあったような。。

2   名前: Newのり太 : 2006/11/28(火) 15:02  ID:QG708qaR
> # ブラウザによって、リストマークをマージンに含めるか
> # パディングに含めるかの違いがあったような。。

すいません、このサイトにありました。
http://www.tagindex.com/stylesheet/list/margin_padding.html

3   名前: カヅサツ ◆ThCi95HEzw : 2006/11/28(火) 15:02  [URL]  ID:O5hEMlpW
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
table{
	width: 200px;
	height: 200px;
	border-collapse: collapse;
}
td{
	width: 200px;
	vertical-align: top;
	padding: 0px;
}
table,td{
	border-width: 2px;
	border-style: ridge;
}
ul{
	list-style-image:url("http://www.nizm.co.jp/sitemap/red.gif");
	margin: 0px 0px 0px 16px;
	padding: 0px;
}
</style>
</head>
<body>
<table>
	<tr>
		<td>
			<ul>
				<li>表題
					<ul>
						<li>リスト1</li>
						<li>リスト2</li>
					</ul>
				</li>
			</ul>
		</td>
	</tr>
</table>
</body>
</html>


4   名前: ギンペイ : 2006/11/28(火) 15:02  ID:R96w2bjc
Newのり太様

早速のご回答で、、おっしゃるとおりです。
とても参考になりました。
ありがとうございますした。

サスケ

5   名前: サスケ : 2006/11/28(火) 15:02  ID:R96w2bjc
カヅサツ様

お返事ありがとうございます。たまにここの掲示板を覗かせていただくことがあるのですが、
カヅサツさんの”博識”には驚かされます。
とても勉強になりました。
ありがとうございました。

サスケ

6   名前: Newのり太 : 2006/11/28(火) 15:02  ID:QG708qaR
>>4-5
こまかいことですが、
http://www.tagindex.com/bbs/qa03.html#a02
http://www.tagindex.com/bbs/qa03.html#a03
だそうです。

7   名前: ギンペイ : 2006/11/28(火) 15:02  ID:R96w2bjc
Newのり太様

ご指摘ありがとうございます。

そうですね、確かに間違って書いてしまいました、飼っている犬の名前でよく間違ってしまいます。
以後気をつけます。

ギンペイ

一覧へ戻る