Sorry, Only for JAP.
Making T a b l e s with fun.
明るく楽しい T A B L E タグ 講座
Only for IE3.0 or NN3.0

第8回 わく枠テーブルランド(96/11/05)
 これまで、あまりにもぶっ飛んだことをやってきたので、「どこが『基礎とお遊び篇』なんじゃ?」という意見もあって、少々反省の意味を込めて、テーブルについての基本をちょっとだけ振り返ることにします。
 といっても、もちろんフツーの基本じゃありませんよ。
 この企画の本意は「TABLEを使って、画像に頼ることのないカラフルな画面を構成する」というものです。もちろんそのために、画像ファイルを用いることもありますが、基本的には、TABLEとFONTのカラー指定で、何がしかのモノを作成することを主眼としています。
 とりあえず、下の例を見てもらいましょう。
Penguin
___
TABLE BORDERCOLORLIGHT __ BORDER
TABLE BGCOLOR __ CELLSPACING
TD BGCOLOR __ CELLPADDING
TD BGCOLOR
TD BGCOLOR __ CELLPADDING
TABLE BGCOLOR __ CELLSPACING
TABLE BORDERCOLORDARK __ BORDER
 普通、TABLEタグのパラメータは、 BORDER、CELLSPACING、CELLPADDINGの3つが基本となっています。このとき、上の例のようにBORDER="30"とすると、枠の幅は広くなります。ボーダー(枠)の幅を指定できるわけですね。同様にして、CELLSPACING(セルとセルの間隔)やCELLPADDING(セルまでの間隔)も指定できます。ここまでは、基本中の基本。
 NN3.0の場合は(なんかこのブラウザの名前が変わっちゃうみたいですが……)、そのボーダーの色は、ほとんど自動的に決定されてしまいます。立体的になるように調節してくれているわけですね。ま、それはそれで、うれしいときもあるんですが、この企画の例のように、細部にわたってガチガチに指定することを考えると、「余計なお世話」みたいなときもあります。「こういうのが、うつくしいのだ」という典型的マッカーの発想です。
 対して、IE3.0は、デフォルトだと、それそれのウィンドウの色指定に応じた表として現われますから、TABLEタグを意識的に使った色指定が施されていない場合、状況によっては汚く見えるときもあります。しかし、そのぶんだけ、比較的自由にボーダーの色を指定できもするわけです。それが、上の例です。
 NNで見ている人は、何のことやらわからないでしょうが、IEですと、立体化する際の「明るい枠」「暗い枠」「背景」の色が指定できているのが見えるでしょう。セル自体の背景は、NNだろうが、IEだろうが指定できるので、ここでは問題になりません。
 それぞれの色指定をやっているパラメータは、以下のようになっています(色の呼び名は類似色)。
 BORDERCOLORLIGHTは緑BORDERCOLORDARKは青BGCOLORは赤
 もちろん、BORDERCOLORというパラメータもあるのですが、これを指定すると、明るい部分も暗い部分もこのパラメータで指定した色になります。立体表示なんぞうっとうしい、と思った時には、このBORDERCOLORというパラメータを使ってください。もちろん、BORDERパラメータで、その幅を指定していないと、枠色の指定は無視されます。
 この枠線色指定の機能を使って、ちょっとした飾りを作ってみましょう。
 BORDERCOLORLIGHTと、BORDERCOLORDARKの指定は、今回は使用しないで、BORDERCOLOR指定で、やってしまっています。


<TABLE BORDER="20" CELLSPACING="20" CELLPADDING="5"
	BORDERCOLOR="#206040" BGCOLOR="#408060">
<TR>
	<TD BGCOLOR="#60AA80">
	<IMG SRC="../image/wel_pen.gif" BORDER="0" WIDTH="96" HEIGHT="90">
		</TD>
	</TR>
	</TABLE>
 たったこれだけの指定で、上の例ができます。
 ね、カンタンなのにちょっとびっくりでしょ? あ? あなた、NNのシト? じゃ、今回のは意味なかったですね。ごめんなさい。

 NNだけ使って、それでこと足れりと思っている人が、あまりにも多いようです。特に、マッカーの連中は、「麗しの」CyberDogすら使おうとせずに、なんでもかんでも「ネスケ状態」のようです。
 レイアウトとかのワザを考えるのなら、もはやNNは過去のものになってしまったと、断言します。もちろん、IEにもところどころ納得できない部分はあるのですが、すでにしてレイアウト・コントロールすら可能になっているのですから、Webデザイナーと呼ばれる人々が、NNにしがみついているのは、理解に苦しみます。
 ま、ほとんどがマッカー連中だから、仕方ないか。え? 「ブラウザ普及率が、まだネットスケープの方が高い」?……だったら「OS普及率」の方から先に検討しろよ。ばっかじゃねえの。
 それでは、ご質問、ご要望、ご指摘をよろしく。