On Wed, Apr 23, 2008 at 8:21 PM, David Laakso <[EMAIL PROTECTED]>
wrote:
> Geoffrey Hoffman wrote:
> > So far I've tested this only on Windows XP Pro.
> >
> > It looks to me like Firefox does not observe padding-left:6px;
> > padding-right:6px; to make a submit button wider than normal, nor does
> > Safari. IE7 applies padding to the left and right of the button text
> > correctly. I guess I can use value=" nbsp;SUBMIT "
> and/or
> > setting the width and height explicitly, but that just seems like such a
> > hack. Any other way to target that?
> >
> > Here is the code I am using:
> >
> >
> > #submit {
> > font-size:9px;
> > text-transform:uppercase;
> > margin-left:3em;
> > margin-top:1em;
> > color:#c5c9b9;
> > background-color:#625a2f;
> > border:1px solid #484d3a;
> > padding-left:6px;
> > padding-right:6px;
> > padding-top:2px;
> > padding-bottom:2px;
> > }
> >
> >
> > <input type="submit" value="Submit" name="submit" id="submit"/>
> >
>
>
> My win/xp machine sleeps. XP IE/6 & IE/7 render it [1] differently (wider)
> on Parallels than FF & Safari on Mac OS X 10.4.11.
>
>
> [1] <http://chelseacreekstudio.com/ca/cssd/a.html>
>
>
> http://chelseacreekstudio.com/
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
You could also use the html button element.
--
iron sharpens iron
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
