Form submit button with css sprites? -


i having problem creating form submit button css sprites. it's button onrollover state. have .css button part

.buttonsubmit { 

background-image: url(../imgs/button_states_submit.png); background-repeat:no-repeat; margin-top: 10px; float:left; height: 100px; width: 160px; } a.buttonsubmit:hover { background-position:0 -100px; }

and html have

<input name="" value="" class="buttonsubmit" type="image" /> 

the button submits form onrollover state doesn't work??? when test simple href onrollover state works, don't know jquery selector use submit form

<a href="#" id="buttonsubmit" class="buttonsubmit"></a> 

in combo jquery

$('#buttonsumbit').click(function(){ 

regards

your css:

.buttonsubmit {     background-image: url(../imgs/button_states_submit.png);      background-repeat:no-repeat;      margin-top: 10px;      float:left;      height: 100px;      width: 160px;  }  a.buttonsubmit:hover { background-position:0 -100px; } 

note in second selector using <a> tag has .buttonsubmit class. guess want use input selector:

input.buttonsubmit:hover { background-position:0 -100px; } 

Comments

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -