ちょっといい感じのテーブル作りに役立つかもしれません。
テーブルに背景画像を入れる
| 今回の効果は、テーブルの中に画像を「背景」として入れるというものです。今回は簡単です。テーブルタグの中に background として画像を指定するだけです。 あとは、普通に文字を入力していけばいいわけです。 ちょっとおしゃれな感じのテーブルを作りたい時の役に立つのでは・・・？ 文字が目立つように、背景に使用する画像の色を少し薄めにしてもいいかもしれません。 今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | ＜table border="3" width="196" height="180"cellpadding="20" background=619.gif＞というように、background= で背景に使用したい画像を指定します。 |
 効果 | 指定された画像が、背景として表示されます。 |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果は、ＮｅｔｓｃａｐｅＣｏｍｍｕｎｉｃａｔｏｒ Ｖｅｒ．４．０とＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ４．０の両方でできます。 ここでひとつ｡実験画面の上のテーブルと下のテーブルの大きさが少し違うのにお気付きになったでしょうか？ テーブルのサイズも画像の大きさも同じにしてあるのに・・・と、初め私は何が原因かわかりませんでした｡ だが、ついに発見した！上のテーブルは画像を「背景」として指定していて、テーブルの外枠（border）まで画像が入り込んでいます｡ 一方、下のテーブルは外枠の中に画像を指定しています｡ そのため、例えばborder=3と指定した場合、上は背景画像の大きさに合わせてその「内側」に枠が作られ、下は画像の「外側」に枠が作られます。 だから、枠の太さの分だけ大きさに差が出てしまいます｡下のテーブルのborderを「0」にしてみると、上のテーブルの外枠まで含んだ大きさと同じになると思います。 この違いは、Ｅｘｐｌｏｒｅｒ４．０の方で見るとすぐわかりますが、私の場合、最初Ｎｅｔｓｃａｐｅの方でずっと見ていたので気がつきませんでした｡（面目ない・・・。） さて、原因が判明したところで、1度この効果を使ってみて下さい。 borderを「０」にすると、テーブルだと感じさせないでもっといい感じになると思います。 今回は、あんまり凝った効果ではなくて申し訳ありませんが、でも、結構使えるのではないでしょうか？ |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
