デーブルの枠の色を付けるには？
[上に]
[前に]
[次に]
素人さん
[E-Mail]
1999/12/13(月) 03:29:54
質問させて下さい。
テーブルに色付けするにはどうすればベスト
でしょう？
何回も枠に色を付けようと頑張ってみましたが、
背景画像が枠のとこまで映り、枠の色を指定し
ても変化なしなのです（涙）
下記のプログラムで間違ってそうなとこありますか？
<BODY BACKGROUND="./jjjjj.gif"
LINK="#600000" VLINK="#A10000">
<DIV ALIGN="CENTER"><BR>
<TABLE border="2"
BORDERCOLOR="#000000"
BGCOLOR="#808080" CELLPADDING=12>
<TH COLSPAN=2 HEIGHT="55">ああああ</TH>
<TR><TD HEIGHT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
ああああ</TD><TD HEIGHT="55"
WIDTH="180" ALIGN="LEFT">あああ</TD>
</TR><TR><TD HEIGT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
いいい</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">男性</TD></TR><TR>
<TD HEIGHT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
たたた</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">たたた</TD></TR><TR>
<TD HEIGHT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
あああ</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">ななな</TD></TR><TR>
<TD HEIGT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
かかか</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">たたた</TD></TR><TR>
<TD HEIGT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">ろろ
</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">ろろろ</TD></TR>
<TR><TD HEIGT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER"
ROWSPAN=3>れれ</TD><TD HEIGHT="55"
WIDTH="180" ALIGN="LEFT">をを</TD>
</TR><TR><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">たたた</TD></TR><TR>
<TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">るるる</TD></TR><TR>
<TD HEIGT="55" WIDTH="115"
ALIGN="CENTER" VALIGN="CENTER">
ままま</TD><TD HEIGHT="55" WIDTH="180"
ALIGN="LEFT">ききき</TD></TR></TABLE>
</DIV></DIV></BODY>
J.Naka
1999/12/13(月) 07:42:48
<TABLE border="3" BORDERCOLOR="#000000" BGCOLOR="#808080" CELLPADDING=12
BORDERCOLOR="green"
BORDERCOLORLIGHT="deepskyblue"
BORDERCOLORDARK="mediumblue"
>
当方の環境IE4では、内枠そのものは背景色と同じなるようです。
内枠の縁の色は変わるようです。
>下記のプログラムで間違ってそうなとこありますか？
</DIV>が１つ多いです。
間違いよりも、見難いです。見難いので先頭部分しか見てないです。
<tr> 〜 </tr>は、１行にするなど見やすくしたほうがいいです。
提示のソースは冗長です。テーブルの最初の<tr>〜</tr>まで充分です。
ふじ
1999/12/14(火) 02:45:08
かなり邪道な手法ですが、以下のように table を2重にすることで、
枠を実線にして、色を付けることができます。
<BODY background="hoge.gif">
<TABLE bgcolor=red border=0 cellpadding=0>
<TR>
<TD><TABLE border=0 cellspacing=2>
<TR bgcolor=white>
<TD>hogehoge</TD>
<TD>fugafuga</TD>
</TR>
<TR bgcolor=white>
<TD>foo</TD>
<TD>bar</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
HTML的に table の意味とは? とか考えると、とても勧められる手法ではないですが(^^;
大砲
1999/12/14(火) 04:08:10
上のふじさんの回答で十分だと思いますよ。
ブラウザ、バージョンとも気にする必要ないし、
私も仕事でＨＰを作ってますが、非常によくやる手法です。
大砲
1999/12/14(火) 04:09:40
上のふじさんの回答で十分だと思いますよ。
ブラウザ、バージョンとも気にする必要ないし、
私も仕事でＨＰを作ってますが、非常によくやる手法です。
[上に]
[前に]
[次に]