Re: [css-d] button padding in FF
> sam foster wrote: > >> Example at: >> http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/ >> test_Toolbar.html >> >> >> Sam >> >> > > > > Unable load. Crashes FF/2.0.0.14 Mac OS X 10.4.11 > Does load in Mac/Opera, Safari, & Camino. > > -- > http://chelseacreekstudio.com/ > For what it's worth, I had no problem with it using Mac OS X 10.4.11 and Flock. Tracey __ 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/
Re: [css-d] button padding in FF
On May 7, 2008, at 11:49 PM, sam foster wrote:
> Got a fix for this though, from:
> http://www.sitepoint.com/forums/showthread.php?t=547059
>
> button.myClass::-moz-focus-inner {
> padding:0;
> border:none;
> }
Whacking myself for forgetting about that one. :-(
It did cause me some grief back when I made some custom widgets for Fx.
But as you noted in a follow-up message, don't remove the border if
you care about keyboard users. It _is_ transparent, after all
(border: 1px dotted transparent;) . Unless that 1 pixel causes a
significant problem to your layout.
> So, now my question is how-the-feck would I ever have known about
> that?
Reading res/forms.css in your Fx bundle :-)
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
Re: [css-d] button padding in FF
Hmm. the plot thickens.
In mozilla's forms.css is where it all happens:
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
padding: 0px 2px 0px 2px;
border: 1px dotted transparent;
}
button:focus::-moz-focus-inner,
input[type="reset"]:focus::-moz-focus-inner,
input[type="button"]:focus::-moz-focus-inner,
input[type="submit"]:focus::-moz-focus-inner,
input[type="file"] > input[type="button"]:focus::-moz-focus-inner {
border-color: ButtonText;
}
if you zap the border, you remove the ability to focus that button
(e.g. via the keyboard). However now I know what I'm dealing with
(none of this stuff - including my overrides shows up in firebug btw)
> Got a fix for this though, from:
> http://www.sitepoint.com/forums/showthread.php?t=547059
>
> button.myClass::-moz-focus-inner {
> padding:0;
> border:none;
> }
__
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/
Re: [css-d] button padding in FF
On May 5, 2008, at 11:26 PM, sam foster wrote:
> does anyone know a trick to get rid of the minimum padding that FF
> applies to button elements? I'm putting background image on a span
> inside a button and its applying 3px left/right padding around the
> contents, even if I set padding: 0.
> Also tried -moz-padding-start: 0; -moz-padding-end: 0; to no effect.
>
> Example at:
> http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Toolbar.html
and
> I have that exact browser, albeit on OS X 10.5.2 - as have many 1000s
> of dojo users, so thats a worrying report. Firebug or other addon
> instability?
> Thanks for going and taking a look though. I've put up a reduced
> test case at:
>
> http://sam-i-am.com/work/sandbox/css/buttonpadding.html
Any particular reason why you use a span inside the button ?
Styling the button directly (move the styles from the span to the
button) works nicely.
I don't have a clear cut explanation for the padding issue in your
test case. According to the DomI, the button is 50px tall and 54px
wide, which points to some 3px 'padding' on left and right and 1px
'padding' on top and bottom. It is not really padding, but something
that gets inserted programatically, I _think_ because this rule in res/
forms.css:
*|*::-moz-button-content {
display: block;
}
Have you checked if there are any bugs (maybe Invalid or Won't fix) on
this in bugzilla ? That might provide an explanation.
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
Re: [css-d] button padding in FF
I have that exact browser, albeit on OS X 10.5.2 - as have many 1000s of dojo users, so thats a worrying report. Firebug or other addon instability? Thanks for going and taking a look though. I've put up a reduced test case at: http://sam-i-am.com/work/sandbox/css/buttonpadding.html On Mon, May 5, 2008 at 1:02 PM, David Laakso <[EMAIL PROTECTED]> wrote: > > Unable load. Crashes FF/2.0.0.14 Mac OS X 10.4.11 > Does load in Mac/Opera, Safari, & Camino. __ 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/
Re: [css-d] button padding in FF
sam foster wrote: > Example at: > http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Toolbar.html > > > Sam > Unable load. Crashes FF/2.0.0.14 Mac OS X 10.4.11 Does load in Mac/Opera, Safari, & Camino. -- 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/
[css-d] button padding in FF
does anyone know a trick to get rid of the minimum padding that FF applies to button elements? I'm putting background image on a span inside a button and its applying 3px left/right padding around the contents, even if I set padding: 0. Also tried -moz-padding-start: 0; -moz-padding-end: 0; to no effect. Example at: http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Toolbar.html thanks, Sam __ 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/
