Quick Tip Quick Index

Button: Colored Text/Graphic

OBJECTIVE: Use colored text with a matching graphic for an onClick button. You can also use a much smaller graphic and less text: the size of the graphic drives the size of the table. Be creative! One click anywhere on the box will take you to your designated URL.





<DIV ALIGN="center"><BUTTON onClick="window.location='http://www.use-your-own-url-here.com'">
<TABLE BORDER="1">
<TR>
<TD><DIV ALIGN="center"><IMG SRC="graphics/lav-iris.jpg" WIDTH="100" HEIGHT="136" BORDER="0" ALT="Photo of lavender iris by Judy Vorfeld"></DIV></TD>
</TR>
<TR>
<TD><DIV ALIGN="center"><FONT FACE="Arial" COLOR="#9900CC"><B>Judy's Place!</B></FONT></DIV></TD>
</TR>
</TABLE>
</BUTTON></DIV>



Back to Quick Tip Quick Index

Caveat: all tutorials are designed for the most frequently used browsers and systems, and may not work in all instances. All files on the parent directory are copyrighted by WebGrammar®. Any reproduction or editing by any means mechanical or electronic without the express written permission of the copyright holder is strictly prohibited. For further information, contact Judy Vorfeld