There
have been a few questions on the forum of late about using images in place of buttons.
Yes, it can be done, but why not fancy up your buttons instead??
Up until now, you had three options for building Form
Buttons. You could use text or an image, or you could get fancy with CSS. But here is a
new Tag that makes coding online forms both more fun and functional.
This code
makes a button with bigger text in Arial font, if it's on your computer:
<BUTTON><FONT FACE="Arial"><BIG>Buy<font face="Verdana,Arial,Helvetica" size="2"> </font><font face="Verdana,Arial,Helvetica">Now</font></BIG></FONT></BUTTON></font><font face="Verdana,Arial,Helvetica" size="2"></font>
uy Now
<font color="#666666" face="Verdana,Arial,Helvetica" size="1"><BUTTON><FONT
FACE="Arial" SIZE="5"><B>BUY<font face="Verdana,Arial,Helvetica" size="2"> Bolder </font></font><font color="#000000" face="Verdana,Arial,Helvetica" size="2">ONE
NOW</B></FONT></BUTTON>
Yes, you can also use
the center align tag to center the text in the button. You can also use a few spaces to do
the same.
BUY
ONE NOW
Now we have
coloured text:
<BUTTON><FONT COLOR="#ff0000"><B>Look, colors!<BR>And
line breaks!</B></FONT></BUTTON></font>
How about an
image? Yes, an image inside a button!
<BUTTON><IMG SRC="image.gif"></BUTTON>
Now we have
a table, and image and some Arial text. Make the table border red as well:
<BUTTON>
<TABLE BORDER="1" bordercolor="#FFOOOO">
<TR>
<TD align="center"><IMG SRC="image.gif"></TD>
</TR><TR>
<TD>Buy Now!</TD>
</TR>
</TABLE>
</BUTTON>
NOTE: You cannot include the following elements
inside a