■自由設定ボタンの使用方法

テキストの長さによってボタンの長さを自由に設定することが出来るボタンです。

a左端   b中央部  c右端 の3タイプの画像をテーブルに指定します。


a b c
 実際のテーブルは
 <TABLE  border="0" cellpadding="0" cellspacing="0">
 のタグを用いて罫線の幅を0にし、表示させないようにします。

 aとCの部分にはボタン端の画像をそれぞれセルに入れます。
 bのセル背景にボタンの中央部の画像を指定し、セルの中にテキストを入力します。

HTML 
設定の例>

テキストの長さにあわせて自由自在のボタン

<TABLE  border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD><IMG src="画像 a のURL" width="10" height="30" border="0"></TD>
<TD background="画像 b のURL" align="center" width="370">テキストの長さにあわせて自由自在のボタン</TD>
<TD><IMG src="画像 c のURL" width="10" height="30" border="0"></TD>
</TR>
</TBODY>
</TABLE>

どんなに長いボタンも    の画像だけで表現できます。
この場合の画像のファイルサイズ合計は約0.8Kです。

その他

 中央部分の画像だけを用いたボタン設定もできますので、
 ブログメニューの背景画像などに利用できます。