★･･･････････････････････････････････････････
★
基本的な画像の並び方はこうなってます♪(8枚の画像を使った場合)
↓
| 1 | 7 | 2 |
| 3 |
ここに文字を入れます♪ |
4 |
| 5 | 8 | 6 |
★････････････････････････････････････････････････★
■テーブルソース■
テーブル基本的な並び方です♪↓
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD><img src="左上・角画像ファイル ***.gif"></TD>
<TD background="上側の画像ファイル ***.gif"> </TD>
<TD><img src="右上・角の画像ファイル ***.gif"></TD>
</TR>
<TR>
<TD background="左側の/画像ファイル ***.gif" > </TD>
<TD>ここに文字入れてみましょう♪</TD>
<TD background="右側の画像ファイル ***.gif"> </TD>
</TR>
<TR>
<TD><img border="0" src="左下・角の画像ファイル ***.gif"></TD>
<TD background="下側の画像ファイル ***.gif"> </TD>
<TD ><img border="0" src="右下・角の画像ファイル ***.gif"></TD>
</TR>
</TABLE>
<TR>
<TD><img src="左上・角画像ファイル ***.gif"></TD>
<TD background="上側の画像ファイル ***.gif"> </TD>
<TD><img src="右上・角の画像ファイル ***.gif"></TD>
</TR>
<TR>
<TD background="左側の/画像ファイル ***.gif" > </TD>
<TD>ここに文字入れてみましょう♪</TD>
<TD background="右側の画像ファイル ***.gif"> </TD>
</TR>
<TR>
<TD><img border="0" src="左下・角の画像ファイル ***.gif"></TD>
<TD background="下側の画像ファイル ***.gif"> </TD>
<TD ><img border="0" src="右下・角の画像ファイル ***.gif"></TD>
</TR>
</TABLE>
画像8枚ともw23Xh24の場合
 |
 |
|
|
ここに文字を
入れてみましょう♪ |
||
 |
 |
↑のテーブル枠のソースは、こんな風になっています。↓
| ★ポイント★ | 画像のぶれを防ぐために 数字をきっちりしてみると良いです♪ |
|
<TABLE width="146" border="0" cellpadding="0" cellspacing="0"> 中央のセルがwidth="100"とすると、両側の画像のサイズを足して146とします。 | |
★････････････････････････★････････････････････････★
|
|
|
基本が完成したら、いろいろ試してみて下さいね♪
