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
Post a Comment