put Submit as a Image

[Shyam Hai]

I want to put an image as a submit button instead of using the button that is given.

Now i am try like this

CSS:
-----

.submit {
width: 108px;
height: 21px;
padding: 20px 0 0;
margin: 0;
border: 0;
background: transparent url('../images/login.jpg') no-repeat center top;
overflow: hidden;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
} 

JSP:
----

<html:submit value="submit" styleClass="submit"/>

But it came normal button only. not image.


Please give the solution.

[Joe Ess]

   
background: transparent url('../images/login.jpg') no-repeat center top; 
 

Is the image where you say it is? If I recall correctly, the path for the image is considered from where the style sheet is located, not the JSP.
Try it without the "transparent"

   
background: url('../images/submit.jpg') no-repeat top left; 
 

is an example from my code

[Shyam Hai]

Thanks for your reply.

But still i'm not get correct output.

i'm not getting image, i got only normal button.

<html:submit value="submit" styleClass="submit"/>  

please check this code also.