テーブルの色と配置

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



0   名前:  : 2006/07/19(水) 09:37  ID:b3nd9afv
あの、全部のテーブルの色を変えたいけれどbordercolorlight="#******" bordercolordark="#******"を
入れても変わりませんので全部のテーブルの色を二色を選んで帰ることができる
スタイルシートを教えてください
あと、テーブルごとHPの真ん中に置くスタイルシートもお願いします

1   名前: ????? : 2006/07/19(水) 09:37  ID:yMu6gjKl
>bordercolorlight="#******" bordercolordark="#******"
はIEの独自拡張タグじゃないでしょうか?
>テーブルごとHPの真ん中に置くスタイルシートもお願いします
<table align="center">

2   名前: カヅサツ ◆ThCi95HEzw : 2006/07/19(水) 09:37  [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>
<title></title>
<style type="text/css">
table{
	border-width: 5px;
	border-style: solid;
	border-color: #b9dcff #006fdd #006fdd #b9dcff;
	border-collapse: collapse;
	margin: 0px auto;
}
th,td{
	border-width: 2px;
	border-style: solid;
	border-color: #b9dcff;
}
</style>
</head>
<body>
<table summary="価格比較表" border="1">
	<caption>2006年7月の価格比較</caption>
	<thead>
		<tr>
			<th>品目</th>
			<th>スーパーA</th>
			<th>スーパーB</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>りんご</td>
			<td>100円</td>
			<td>120円</td>
		</tr>
		<tr>
			<td>みかん</td>
			<td>110円</td>
			<td>80円</td>
		</tr>
	</tbody>
</table>
</body>
</html>


3   名前:  : 2006/07/19(水) 09:37  ID:b3nd9afv
やってみたけれどやっぱり思い通りにいきません
今作ってるソースを見せるので思い通りにいかない原因があれば教えてください
<html>
<head>
<title>test</title>
<style type="text/css">
table.fff{
float: left;
}
</style>
</head>
<body>
<table class="fff" border="1">
<tr>
<td colspan="3" align="center"><b>No.* **</b></td>
<td rowspan="2"><img src="***.png"></td>
</TR>
<TR>
<td colspan="3" align="center"><b>**</b></td>
</TR>
<TR>
<TD width="80" align="center"><b>*</b></TD>
<TD width="80" align="center"><b>*</b></TD>
<td width="64" align="center"><b>*</b></td>
<td width="64" align="center"><b>*</b></td>
</TR>
<TR>
<TD align="center"><b>***</b></TD>
<TD align="center"><b>***</b></TD>
<td align="center"><b>*</b></td>
<td align="center"><b>*</b></td>
</TR>
<TR>
<TD rowspan="2" width="50" align="center"><b>**</b></TD>
<TD colspan="3" align="center"><b><a href="No.*">**</a></b></TD></TR>
</TR>
<TR>
<TD colspan="3" align="center"><b><a href="No.*">**</a></b></TD></TR>
</TR>
</table>
<table class="fff"><td>  </TD></table>
<table class="fff" border="1">
<TR>
<td colspan="3" width="385" height="25"align="center"><b>***</b></TD>
</TR>
</TR><TD height="4"><TR>
<TR>
<td align="center" width="100" height="20"><b>**</b></TD>
<td align="center" width="30">**</TD>
<TD width="255"><img src="**.png"width="255" height="11"></TD>
<TR>
<td align="center" width="100" height="20"><b>**</b></TD>
<td align="center" width="30">**</TD>
<TD width="255"><img src="**.png"width="255" height="11"></TD>
<TR>
<td align="center" width="100" height="20"><b>**</b></TD>
<td align="center" width="30">**</TD>
<TD width="255"><img src="**.png"width="255" height="11"></TD>
<TR>
<td align="center" width="100" height="15"><b>**</b></TD>
<td align="center" width="30">**</TD>
<TD width="255"><img src="**.png"width="255" height="11"></TD>
</TABLE>
</body></html>

4   名前: カヅサツ ◆ThCi95HEzw : 2006/07/19(水) 09:37  [URL]  ID:f0UXxXRM
> やってみたけれどやっぱり思い通りにいきません
> 今作ってるソースを見せるので思い通りにいかない原因があれば教えてください

どこにも枠線の色や配置の変更を「やってみた」形跡がないのが原因と思われますが。

5   名前: miz : 2006/07/19(水) 09:37  ID:Dd9ke8w2
思い通りって、どんな風になればいいのかさっぱり書かれてませんので、
回答しようがないですね。
>>#2
のように縦線と横線で色替えでは不満ですか?

枠線を濃淡2色にするスタイルとしては
border-style : groove; /* 他に ridge inset outset */

というのもありますけど、
border-width 2px 以上必要、border-color 一色指定のみで、ブラウザが適当に薄い色と濃い色を作って配色となると思いますけど。

6   名前:  : 2006/07/19(水) 09:37  ID:b3nd9afv
>mizさん、カヅサツさん、?????さん
問題を解決することができました。
ありがとうございます

7   名前: 匿名 : 2006/07/19(水) 09:37  ID:WamcvqOt
私は、ログを参照する事を楽しみにしているのですが、
>>2 >>5
これだけ丁寧な回答(方法・手段のこと)を もらって 結局質問の内容も どういった解決ができたのかも さっぱりわかりません。

一覧へ戻る