Link to home
Start Free TrialLog in
Avatar of Benyaw616
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
Avatar of Thomas Wheeler
Thomas Wheeler

can you post the rest of the code (cbButtonHover) so we can see what its doing?
Avatar of Zac Harris
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.
ASKER CERTIFIED SOLUTION
Avatar of Benyaw616
Benyaw616

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Your code is missing the class you have assigned to the button. Can you please post your entire code for better assistance?
Avatar of Benyaw616

ASKER

provide to be the answer