■ Table - Simple - 001 設置説明
【 仕組み 】
1 | 2 | 3 |
4 | 5 | 6 |
7 | 8 | 9 |
このように縦横3分割されたテーブルをご用意下さい。
このテーブルのソースを表示すると下記のようになります。
<table> <tr> <td>1</td> <td>2</td> <td>3</td></tr> <tr> <td>4</td> <td>5</td> <td>6</td></tr> <tr> <td>7</td> <td>8</td> <td>9</td></tr></table>
※ 便宜上、テーブルボーダーなどの記述を省いております。
------------------------------------------------------
【 設置方法 】(1) お好きな大きさでテーブルをご用意して下さい。
(下記では 横200px、縦100px にしております)
この時必ず cellpadding="0" cellspacing="0" border="0" と指定し、
さらに 1・3・7・9の箱(セル)の中身 のみ、縦と横のサイズは5pxで設定して下さい。
<td style="width: 5px; height: 5px"><img src="素材のアドレス"></td>
5px | 5px | |
ここに文字や画像を置いて下さい。 | ||
5px | 5px |
(2) 2・4・6・8は
<td
background="素材のアドレス">
<img
src="素材のアドレス/blank.gif" width="1" height="1" border="0"></td>
と書いて下さい。
( blank.gifこと はネスケ対策用の透過GIFです。
判りやすいように拡大表示し、枠線を付けておりますが実際は1pxで枠線もございません)。