css buttons

[gandalf458]

I have recently found the CSS button maker at https://css-tricks.com/examples/ButtonMaker/ and really like it. I have made one or two amends so that it works on form submit buttons as well as anchor tags at:

http://gandalf458.co.uk/yarwoodstimpson/convey3.php

It all works fine in Firefox, Chrome, Opera but in IE9 I get some white space at the bottom of the button when the CSS is attached to an anchor tag. The submit button is fine.

Any ideas how to solve this please?

Thanks G :)

[SgtLegend]

Simply add display: inline-block in a separate selector like the below example and it will work in IE properly.

a.button {

display: inline-block;

*display: inline; /* IE7 fix */

}

[gandalf458]

Cool. Many thanks Sarge. G :)

[Author]

Posts