pixelscape
asked on
Custom button form submit
I am trying to create a simple button for form submission. Pretty simple... however I want to use a specific css sprite button... I have tried a number of variations of the following... this works the best, but I still get a Submit or Submit Query text over the button... thoughts?
<label>
<input type="image" name="submit" id="next" title="" alt="">
<a id="next" title=""></a></input>
</label>
<label>
<input type="image" name="submit" id="next" title="" alt="">
<a id="next" title=""></a></input>
</label>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You can use css also: use <input type='submit'> and give it a class. Then in css file you c write something like this:
.myButton{
width: 100px;
height: 24px;
margin: 0;
padding-bottom: 4px;
border: 0;
cursor: pointer; hand-shaped cursor
cursor: hand; /* for IE 5.x */
background: transparent url('path_to_image') top center no-repeat;
color:black;
font-size:11px;
}
Cheers
.myButton{
width: 100px;
height: 24px;
margin: 0;
padding-bottom: 4px;
border: 0;
cursor: pointer; hand-shaped cursor
cursor: hand; /* for IE 5.x */
background: transparent url('path_to_image') top center no-repeat;
color:black;
font-size:11px;
}
Cheers
ASKER
I just used color: transparent on the buttons css. Thanks!
ASKER