Benyaw616
asked on
HTML button
Hi there,
i'm using this html code to create a submit button
<p><input class="btn btn-info" id="Submit" name="Submit" onmouseout="cbButtonHover( this,'btn btn-info');" onmouseover="cbButtonHover (this,'btn btn-info');" style="padding: 25px 5px 5px 5px;" type="submit" value="Search" /></p>
but the size and padding on the original button against the button once the mouse has gone over it is very different
mouse-issue.JPG
i'm using this html code to create a submit button
<p><input class="btn btn-info" id="Submit" name="Submit" onmouseout="cbButtonHover(
but the size and padding on the original button against the button once the mouse has gone over it is very different
mouse-issue.JPG
can you post the rest of the code (cbButtonHover) so we can see what its doing?
Yeah, I looked at the code and it appears to function correctly as far as when the mouse goes over the button it "lights up". But without more of the code it doesn't do anything else.
Also your first padding property "25", when I changed it to 5 in my test environment it corrects the size of the button so it is symmetrical.
Also your first padding property "25", when I changed it to 5 in my test environment it corrects the size of the button so it is symmetrical.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Your code is missing the class you have assigned to the button. Can you please post your entire code for better assistance?
ASKER
provide to be the answer