Mark,
1. Make the button invisible (no border, no background)
2. Wrap it in a <span> or <div>
3. Style the wrapping element
span
{
display: block;
height: 25px;
width: 75px;
padding: 0;
margin: 0;
border: solid 1px red;
background-color: #00F;
}
span input
{
display: block;
height: 100%;
width: 100%;
background-color: transparent;
border: none;
}
<span><input type="button" /></span>
(I just had a hell of a time getting the search form to work on
whatcanido.com.au which is basically this on steroids. IE doesn't like
putting links or form elements on top of PNG24s - it makes them
unclickable.)
Thanks,
Tatham Oddie
Technical Director, Fuel Advance
www.fueladvance.com
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Mark Hurlburt
Sent: Tuesday, 21 June 2005 2:20 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Default Button "Padding" in IE
I think I'm stumped.
When you set a border and a background image on a button (input tag or
button tag) in Internet Explorer there is a 1px gap between the background
image and the border. Setting the padding (and the margins) of the
button/input tag have no effect on this "default" padding. I've tried
enclosing the button tag contents in a span and setting zero margin and
padding on that element to ensure that it wasn't some sort of whitespace
parsing issue and that had no effect.
Does anyone have any ideas?
Thanks!
Mark
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
