※ ソースのみを持ち帰りたい方はこちらをご覧下さい。

■ 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 透過GIF 5px
透過GIF ここに文字や画像を置いて下さい。 透過GIF
5px 透過GIF 5px

(2) 2・4・6・8
<td background="素材のアドレス">
<img src="素材のアドレス/blank.gif" width="1" height="1" border="0"></td>

と書いて下さい。  ( blank.gifこと 透過GIF はネスケ対策用の透過GIFです。
判りやすいように拡大表示し、枠線を付けておりますが実際は1pxで枠線もございません)。

※ ソース部分のみ直接持ち帰りたい方はこちらをご覧下さいませ。
(別窓で見たい方はこちらをどうぞ)