Skip navigation

Currently Being Moderated

Replacing a search or submit button with an image

Mar 15, 2012 9:48 PM
You need to change a line in your code that looks like this:

 

<input class="searchbutton" value="Search" type="submit">

 

To:

 

<input name="submit" class="cat_button" src="/images/button.gif" type="image">

 

Where /images/button.gif is the path to your image.

 

You can also style your button wuth just pure CSS and there are a couple of great links below showcasing and explaining how you can do this.

 

http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-te chniques/ - A mix of different CSS button styles.

http://webdesignerwall.com/tutorials/css3-gradient-buttons - Using CSS 3 Gradients to create amazing button and hover styles.

 

 

Note:

<button></button> Works the same as your input but gives you more options in how you present your button.

 

 
Comments (1)