テーブル素材

400X246

左上右上
左

九分割したテーブルに画像を差し込んであります。
文字を入れる部分はtableのセルに直接画像を差し込んであります。

本文が長くなるとレイアウトが崩れますので注意してくださいね。

<(_ _)>ごめんなさい

右
左下右下

↓DLはこちらからどうぞ

左上右上
左右
左下右下


サンプルタグ

ソースをコピペするときはメモ帳やテキストエディタ等をお勧めします。
ソフトでのコピペはタグを書き換えられる事があるそうです。

タグ間違いがあったらお知らせください。<(_ _)>


<TABLE BORDER="0" cellpadding="0" cellspacing="0" WIDTH="400" HEIGHT="246">
<TR><TD WIDTH="52" HEIGHT="29"><IMG SRC="f1.jpg" ALT="左上" WIDTH="52" HEIGHT="29" BORDER="0"></TD>
<TD WIDTH="306" HEIGHT="29"><IMG SRC="f2.jpg" WIDTH="306" HEIGHT="29" BORDER="0"></TD>
<TD WIDTH="42" HEIGHT="29"><IMG SRC="f3.jpg"ALT="右上" WIDTH="42" HEIGHT="29" BORDER="0"></TD></TR>
<TR><TD WIDTH="52" HEIGHT="183"><IMG SRC="f4.jpg" ALT="左" WIDTH="52" HEIGHT="183" BORDER="0"></TD>
<TD BACKGROUND="f5.jpg" WIDTH="306" HEIGHT="183">ここに本文</TD>
<TD WIDTH="42" HEIGHT="183"><IMG SRC="f6.jpg" ALT="右" WIDTH="42" HEIGHT="183" BORDER="0"></TD></TR>
<TR><TD WIDTH="52" HEIGHT="34"><IMG SRC="f7.jpg" ALT="左下" WIDTH="52" HEIGHT="34" BORDER="0"></TD>
<TD WIDTH="306" HEIGHT="34"><IMG SRC="f8.jpg" WIDTH="306" HEIGHT="34" BORDER="0"></TD>
<TD WIDTH="42" HEIGHT="34"><IMG SRC="f9.jpg" ALT="右下" WIDTH="42" HEIGHT="34" BORDER="0"></TD></TR>
</TABLE>

※注意:上記の場合はHTMLファイルと画像が同じディレクトリにあると想定しています。
別のディレクトリに画像を置く場合は必ずそこまでのパスを書いてくださいね。


黒背景ははこちら>>

四季の素材 十五夜
Copyright(c)ju-goya All Rights Reserved.