RE: [WSG] form button css

[Ted Drake]

Hi Seona   Great idea.  I don’t know if I had any sitewide img margins, but its possible.  I added the reference and was able to simplify the css: #foo button {border:none;  background:none; padding:0; margin: 0 0 -6px 0;} #foo button img {margin:0; padding:0;}   I’m still curious if form buttons have an inherent value that makes it display margins differently than inputs or labels.   I got it to look spiffy when I floated everything, but that is too drastic for a simple form.   Ted Drake www.last-child.com --new Advanced CSS resources site   From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Seona Bellamy Sent: Monday, February 27, 2006 4:58 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] form button css   On 28/02/06, Ted Drake <[EMAIL PROTECTED]> wrote: #foo form { text-align:center; padding:0; } #foo label { color:#fff; font-size:85%; margin:0 5px; font-weight:bold; } #foo input  { margin:0 5px;} #foo button {border:none; height:23px; background:none; padding:0 0 0 0; margin:6px 0 -6px 0;} Just a suggestion... is there anywhere else in your css where you're applying some margins or padding to <img>? Maybe try adding something like: #foo button img { margin: 0; padding: 0; } It might make a difference, but it's hard to know without seeing the rest of the code. Cheers, Seona.