2004/11/07(日)21:36
【３列３行のTABLEでもこんなに違います】(￣^￣)b
また、日記の雛形を作ろうと
思っているのですが・・・
シンプルで素敵な雛形ッて、
難しいものですね！
【このＴＡＢＬＥどこかで見ませんでしたか!】
気がついたあなたは・・つうです
ＴＡＢＬＥを組み合わせて・・・
マーキーも入れて、
ＳＴＹＬＥシートで色々複雑にする事は、
簡単に出来ますが・・・！
・・・それにはセンスもいりますから
素敵な物はなかなか出来ません。
最近は、シンプルイズベストなのです。
Image by MUON
このＴＡＢＬＥはどこかで見た事がないですか？
そう！「ＴＡＢＬＥで枠」の雛形に
文字を入れたのです。
この枠の紹介はこちら
各セルにテキストを入れますと、
このようになります。
ただ、セルの大きさは、指定しません。
初心者の方には、
ＴＡＢＬＥを使いまして、
この様な事も、出来るという事を
判って頂きたいですね！
同じ３行３列のＴＡＢＬＥですが
まるっきり違う物に、見えませんか？
では！今日はこのへんで！Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reservedε＝ε＝ε＝（┌￣）┘ダッシュ！追伸：
タグを書いておきます。BGCOLOR="" が背景色ですね！
お好きに変えて下さい。
一行目のセルの幅が２行目、３行目に反映されます。
テキストは適度に書きまして、改行して幅を決めるといいです。
画像を入れる場合は大きさに注意して下さい。
大きな画像は、セルを押し広げてしまいます。
<IMG SRC="" WIDTH=""> WIDTHで大きさを調整しましょう。
では！
<TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="10" WIDTH="100%" HEIGHT="150" BGCOLOR="white" style="font-size:15px;line-height:1.2em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="#408080">
１行１列目のセルの中です。
テキストを書きます。
</TD><TD BGCOLOR="#8080FF" ALIGN="center"><FONT COLOR="#FFFFFF">【１行２列目のセルの中です】</FONT></TD><TD BGCOLOR="#408080">
１行３列目セルの中です。
テキストを書きます。
</TD></TR><TR><TD BGCOLOR="#8080FF">
２行１列目のセルの中です。
テキストを書きます。
</TD><TD VALIGN="top" WIDTH="" HEIGHT="300" BGCOLOR="black"><!-- ここまで枠のTABLE --><table cellspacing="0" cellpadding="5" width="95%" height="220" align="center"><tr><td bgcolor="black" vAlign="top"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/hasen1.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:white;font-family: Comic Sans MS;">
２行２列目のセルの中です。
罫線の背景画像が入っています。
</FONT></TD></TR></TABLE><!-- ここまで罫線TABLE --></td></tr></table><!-- ここまで --></TD><TD BGCOLOR="#8080FF">
２行３列目のセルの中です。
テキストを書きます。
</TD></TR><TR><TD BGCOLOR="#408080">
３行１列目のセルの中です。
</TD><TD BGCOLOR="#8080FF" ALIGN="center">
３行目２列目のセルの中です。
</TD><TD BGCOLOR="#408080">
３行目３列目のセルの中です。
</TD></TR></TABLE>
<DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV>