What would you recommend is the best way to create a form with a submit button made up of text+image? So what I have planned is the word "Search" followed by a little icon. The user can click either of them and the form will submit.
I am playing with multiple solutions, but have not found anything yet that I like: SOLUTION 1: <BUTTON> Search <img src="button.gif" alt="Search"> </BUTTON> Problem: Doesn't work in older browsers (e.g. NN4). SOLUTION 2: <a href="javascript:submitForm()">Search</a> <input type="image" src="button.gif" alt="Search"> Problem: Relies on Javascript to submit the form when text is clicked. SOLUTION 3: <input type="image" src="Searchbutton.gif" alt="Search"> (image includes text & search icon) Problem: The text-size can't be increased by the user. I'd be interested to hear if anybody has found a nice solution for this? Thanks! Andreas Boehmer User Experience Consultant Phone: (03) 9417 0468 Mobile: (0411) 097 038 http://www.addictiveMedia.com.au Consulting | Accessibility | Usability | Development ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************