form button margin

moocow wrote:

On Thu, 08 Jul 2004 05:18:45 -0400, Neal
neal413 (AT) yahoo (DOT) com> wrote:

Right. This isn't an intranet newsgroup either, though.

I appreciate your input on fonts, but how I might remove a
stubborn 1 pixel of padding in a form button in IE using
CSS when the standard ways are not working...was the posted
query.

I was not really interested in talking in circles or
posturing.

If this is not the place to find out how I might remove a
stubborn 1 pixel of padding in a form button in IE using
CSS when the standard ways are not working...then I have
made an error.

Without a url it is very difficult for people to see where 1
pixel comes from. I for one, usually copy the complete code of
a page locally, and fiddle with the CSS to see where something
went wrong. Without a url, I can't do this.

Only thing I can imagine from what I read of your posts,
because you're saying Firefox doesn't have the problem, is
that it is the difference between calculating widths of
elements with or without including borders/margins.
Some browsers include it, others don't.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

On 8 Jul 2004 09:52:40 GMT, Els <els.aNOSPAM (AT) tiscali (DOT) nl> wrote:

Without a url it is very difficult for people to see where 1
pixel comes from. I for one, usually copy the complete code of
a page locally, and fiddle with the CSS to see where something
went wrong. Without a url, I can't do this.

Only thing I can imagine from what I read of your posts,
because you're saying Firefox doesn't have the problem, is
that it is the difference between calculating widths of
elements with or without including borders/margins.
Some browsers include it, others don't.

I'd like to give you a URL, but can't, so I understand why it's hard
to help.

I used TopStyle and went through all the CSS1 and CSS2 parameters for
spacing and padding that might work for a form button. It's a nice app
to immediately see what effect your settings have. But no luck in
elminating that pixel.

I think I can live with that one pixel until I come across a work
around for it.

Thanks.

On Thu, 08 Jul 2004 06:45:13 -0400, moocow wrote:

I'd like to give you a URL, but can't,

Why not, exactly?

For what reason can you not bring up the page
in IE (whatever) 'Save As' complete.. and upload
the files to a cheap web site.

[ I realize the question above may sound sarcastic,
but I am honestly curious whether it occured to the
folks at your end, and if so, what the hitch is.. ]

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

On Thu, 08 Jul 2004 12:12:46 GMT, Andrew Thompson <SeeMySites (AT) www (DOT) invalid>
wrote:

On Thu, 08 Jul 2004 06:45:13 -0400, moocow wrote:

I'd like to give you a URL, but can't,

Why not, exactly?

For what reason can you not bring up the page
in IE (whatever) 'Save As' complete.. and upload
the files to a cheap web site.

.... after, of course, altering all the content so as not to publish
proprietary info.

On Thu, 08 Jul 2004 12:12:46 GMT, Andrew Thompson
<SeeMySites (AT) www (DOT) invalid> wrote:

Why not, exactly?

For what reason can you not bring up the page
in IE (whatever) 'Save As' complete.. and upload
the files to a cheap web site.

The site is on an intranet, so that's why a URL won't work.

I hadn't thought of that--uploading the page to a cheapo ISP
account...

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.

Thanks.

On Thu, 08 Jul 2004 16:17:29 -0400, moocow <nospam (AT) nospam (DOT) net> wrote:

On Thu, 08 Jul 2004 12:12:46 GMT, Andrew Thompson
SeeMySites (AT) www (DOT) invalid> 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.

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!

My main point, though, is that browser support for styling form
widgets is shakey; other than Mozilla, most of the browsers use
buttons which aren't described by CSS but instead just hard-coded to
look like the local UI to some extent. IE is a little more flexible,
but the limitations are still there.

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
wouldn't look quite like you imagined, but at least they'd all look
the same (in IE) and I don't think anyone would really notice one
pixel of non-gradient and think "that looks really weird!".

Good luck,
-Claire

On Fri, 09 Jul 2004 00:26:06 GMT, Claire Tucker <fake (AT) invalid (DOT) com>
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.

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.org/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=http://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

On Fri, 09 Jul 2004 03:48:50 GMT, Andrew Thompson
<SeeMySites (AT) www (DOT) invalid> wrote:

Here's where it starts..
http://validator.w3.org/check?uri=ht...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/v.../test/test.css
seems to have a few problems..

Thanks, I will make use of those links.