• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

What am I doing wrong with this submit button?

Trying to replace your typical submit button with a background image using CSS. The inline "<input type="image" src="..." didn't work just because I need to assign a specific value to the button and I couldn't get it to work.

So...

Here's my attempt:

<input type='submit' name='submit_assettype' value='continue' style='background-image:url(images/continue_button.jpg);
background-repeat:no-repeat;
width:100px;
height:40px;'>

...and the result is attached. Basically, I'm getting my image AND your normal submit button and I can't figure out what I'm doing wrong.

Thoughts?
screenshot.png
0
brucegust
Asked:
brucegust
3 Solutions
 
plusone3055Commented:
your not wrapping it in a DIV  


div.ui-btn, input[type="submit"]
{
background-image:url(images/continue_button.jpg);
background-repeat:no-repeat;
width:100px;
height:40px;
}
0
 
Dave BaldwinFixer of ProblemsCommented:
The first thing is expecting "<input type='submit'>" to do something else than be a 'submit button'.  Here are some possibilities: http://cssbutton.com/forms/
0
 
GaryCommented:
Add border:none, remove the value="continue" and make sure the button size is the same as the image.

http://jsfiddle.net/rc7rB/
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now