Button Name

PLEASE RELOAD

Button Name

Put each letter in a td cell
and work your way across.

Here is the code©~t~ to get you started.

Testbed below.

http://simplysally.com/tut/TESTAB/spinner.gif

<center><table border="0" cellspacing="0" cellpadding="0"><tr>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="5"></td></tr><tr><td><img width="5" height="15" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="15"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="5"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td width="10"></td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="30"></td></tr><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="20"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="20"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="30"></td></tr><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td width="10"></td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="50" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="50" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td width="10"></td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="50" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="50" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="40"></td></tr><tr><td><img width="5" height="10" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td width="5"></td>

<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="25" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="20"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="20"></td></tr><tr><td><img width="5" height="30" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td bgcolor="#000000" width="5" height="10"></td></tr><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="25" border="0" src="spinner.gif">
</td></tr></table>
</td>
<td align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0"><tr><td><img width="5" height="20" border="0" src="spinner.gif">
</td></tr></table>
</td>
</tr></table>
</center>

Growable ~ TestBed ~ Select Text Size

Entry Text Size (1-7): Preview Text Size (1-7):

Erase / Replace

Replace With