• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

Replacing a search or submit button with an image

Mentor ,
Mar 15, 2012 Mar 15, 2012

Copy link to clipboard

Copied

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-techniques/ - 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.

TOPICS
Documentation

Views

1.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 22, 2013 May 22, 2013

Copy link to clipboard

Copied

LATEST

our means,i needs speed to any own design and successfully with my create in writing site:bussiness etc.Thanks.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines