form button margin

[moocow]

Hi.

I am using a background image in a form button. The problem I am
having is that there is a 1 pixel margin inside the button on all
sides.

I would like my background image to fill the inside of the button from
button border to button border, and not stop 1 pixel shy of that.

I have tried:
margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;

This does nothing.

Also:
margin-top:-1; margin-left:-1; margin-right:-1; margin-bottom:-1;

This does get rid of the margin, but it also gets rid of the button
border.

This is what I'm using and it mostly works...the only problem is the 1
pixel buffer inside the button:

..fbutton1 {
text-align:middle; vertical-align:top;
font-family:Arial,Ve rdana; font-size:11px; font-weight:bold;
color:#000000;
background-image: url(../images/button_fill1.jp g);
border-top:#EFF4F9; border-bottom:#62707D; border-left:#EFF4F9;
border-right:#62707D;
border-top-width:1px; border-left-width:1px; border-right-width:1px;
border-bottom-width:1px;
border-style:solid;
padding-top:0px; padding-left:0px; padding-right:0px;
padding-bottom:0px;
margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;
}

Thanks.

[moocow]

On Fri, 09 Jul 2004 00:26:06 GMT, Claire Tucker <fa**@invalid.c om>
wrote:

It might also interest you to know that Opera (6.06) doesn't style the
button at all: no image, no border, not even background color!
Point taken. I have tried to layout the site so that it degrades
well in terms of certain elements not being styled correctly. Tables,
rows and columns should adjust accordingly. I'll have to test more to
see just how well it works.
As a final note, maybe you could pick a neutral blue as the background
color and set that same blue as a one-pixel border on the links? They

That is my current work-around and you're right, not many people
would notice, and I'm willing to pretend I don't notice. ;)

Thanks.

[Andrew Thompson]

On Thu, 08 Jul 2004 16:17:29 -0400, moocow wrote:

http://209.123.115.33/test/test.html

There are two sets of buttons, form buttons and regular linked image
buttons.

I have set the background color of the form buttons to red, so that
the 1 pixel border is easy to see.

And as metioned before, this border shows in IE, but not in Firefox.

Aha! Well.. ..errrm.

Here's where it starts..
<http://validator.w3.or g/check?uri=http://209.123.115.33/test/test.html>
If the structure is not valid, all bets are off
as to how the UA will render the combined HTML/CSS

Then there is the stylesheet itself..
<http://jigsaw.w3.org/css-validator/validator?uri=h ttp://209.123.115.33/test/test.css>
seems to have a few problems..

--
Andrew Thompson
http://www.PhySci.org/ Open-source software suite
http://www.PhySci.org/codes/ Web & IT Help
http://www.1point1C.org/ Science & Technology

[moocow]

On Fri, 09 Jul 2004 03:48:50 GMT, Andrew Thompson
<Se********@www .invalid> wrote:

Here's where it starts..
<http://validator.w3.or g/check?uri=http://209.123.115.33/test/test.html>
If the structure is not valid, all bets are off
as to how the UA will render the combined HTML/CSS

Then there is the stylesheet itself..
<http://jigsaw.w3.org/css-validator/validator?uri=h ttp://209.123.115.33/test/test.css>
seems to have a few problems..

Thanks, I will make use of those links.