Hi, I tried to do an image replace for a "submit" button and it's working for most people but I have one user in IE8 saying they just get a blank white button with no image (the path is correct, they can see it when going directly). The other thing is, I cannot see the submit button at all on my blackberry smartphone. Does this code look correct? THE STYLING <style type="text/css"> input.uploadbutton { background-image: url(images/submit-button.jpg); cursor:pointer; width: 92px; height: 65px; border: none; } </style> Code (markup): THE BUTTON <input type="hidden" name="submit" value="true" /> <input type="submit" value="" class="uploadbutton" /> Code (markup):
Try putting style in external stylesheet. Also, as a good coding practice, always provide a alternate color for background when using images. This will help users like the above you mentioned who can not view the image.
add this: background-color: transparent; or check my search button on my site, it's a good example. just use firebug plugin. http://monstertut.com/web-design-course/
Thanks! Seems like following your example worked better. I think it was the background: vs background-image: