tableタグの文字について

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



0   名前:  : 2006/12/02(土) 18:14  ID:pyB/XgRU
私のHPは、普通の文字を小さくして、文字色は#808080(灰色)にしているんですが、
tableタグを使うと、tableの中の文字が、小さくならないし、文字の色も変わらず、
普通に、何も指定してない時の文字になるんです。
tableの中の文字の横にタグ(文字を小さくする)とか入れてみたんですが、
どうしてもできません。
ちなみにタグは、

<table border="1" bordercolor="#000000" width="400">
<tr>
<TD colspan="2" align="center"><B>タイトル</B></TD>
</TR>
<tr>
<TD bgcolor="white" align="center" width="80">文字</TD>
<TD bgcolor="#ffffff">文字</TD>
</tr>
<tr>

<TD align="center" width="80">文字</TD>
<TD>文字</TD>
</tr>

</table>

とゆう感じです。
どうか、回答、よろしくおねがいします。

1   名前: 木目 : 2006/12/02(土) 18:14  ID:cruA0TIy
<table border="1" bordercolor="#000000" width="400" style="font-size:60%;">

などすると良いと思います。

2   名前: カヅサツ ◆ThCi95HEzw : 2006/12/02(土) 18:14  [URL]  ID:f0UXxXRM
> tableタグを使うと、tableの中の文字が、小さくならないし、文字の色も変わらず、
> 普通に、何も指定してない時の文字になるんです。

たぶん、文書型宣言がちゃんと書かれていないのでしょう。
また、見栄えはスタイルシートでやる方が良いです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<style type="text/css">
body{
	color: #808080; /* 基本のフォント色。変えてみよう */
	background-color: #CCCCFF; /* 背景色 */
	font-size: x-small; /* 基本のフォントサイズ。変えてみよう */
}
table{
	width: 400px;
	border-collapse: separate; /* separate を collapse にしてみよう */
}
table,
th,
td{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
tbody th{
	width: 80px;
	background-color: white;
	font-weight: normal;
}
tbody td{
	background-color: white;
}
</style>
</head>
<body>
<table>
	<thead>
		<tr>
			<th colspan="2" scope="col">タイトル</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">文字</th>
			<td>文字</td>
		</tr>
		<tr>
			<th scope="row">文字</th>
			<td>文字</td>
		</tr>
	<tbody>
</table>
</body>
</html>



3   名前:  : 2006/12/02(土) 18:14  ID:pyB/XgRU
木目さん、カヅサツさん、回答、本当に有難うございます!!
タグを書き換えてみたところ、すぐ直りました。助かりました。
本当に有難うございました^^
また、このような機会があったらよろしくおねがいします。
それでは。

4   名前:  : 2006/12/02(土) 18:14  ID:pyB/XgRU
またまたすいませんッ!!
質問が。
木目さんのやり方だと、枠の色を変えることと、文字を小さくすることが
できたのですが、中身の文字色だけ、変えることが出来ません。

カヅサツさんのやり方だと、中身の色も、文字を小さくすることも出来ました。
あと、中央に表示したいんです。
<body>の下に<center>をいれてみたのですが、中央に表示されたけど、
中身の文字まで<center>指定になりました。
<table>だけ真ん中によせて、中身の文字だけは、普通にできないのでしょうか。

よろしくおねがいいたします。

5   名前: カヅサツ ◆ThCi95HEzw : 2006/12/02(土) 18:14  [URL]  ID:f0UXxXRM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<style type="text/css">
body{
	color: #808080;
	background-color: #CCCCFF;
	font-size: x-small;
}
table{
	width: 400px;
	border-collapse: separate;
	margin: 0px auto;
}
table,
th,
td{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
tbody th{
	width: 80px;
	background-color: white;
	font-weight: normal;
}
tbody td{
	background-color: white;
}
center{
	text-align: left;
}
</style>
</head>
<body>
<table>
	<thead>
		<tr>
			<th colspan="2" scope="col">タイトル</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="row">文字</th>
			<td>文字</td>
		</tr>
		<tr>
			<th scope="row">文字</th>
			<td>文字</td>
		</tr>
	<tbody>
</table>
</body>
</html>


6   名前:  : 2006/12/02(土) 18:14  ID:pyB/XgRU
カヅサツさん、毎度とながら、いつもいつもありがとうございます!!
tableできました!!本当にありがとうございました^^

7   名前:  : 2006/12/02(土) 18:14  ID:xunBtxYG
つけたしで質問よろしいでしょうか?
すいません;

カヅサツさんのタグ、つかったらtableできたんですけど、
横の幅って変えられないんですかね?
縦しか変わらないんです。
どうすればいいでしょか

8   名前:  : 2006/12/02(土) 18:14  ID:xunBtxYG
すいません!!!
書くとこ間違えちゃいました・・・・;;
上(2006/12/02(土) 18:11 )のはナシです。
間際らしいことして、申し訳ないです。すいませんでした。

一覧へ戻る