On Tue, Sep 2, 2014 at 7:55 PM, Philippe Wittenbergh <e...@l-c-n.com> wrote:
> > Le 3 sept. 2014 à 07:05, Georg <ge...@gunlaug.com> a écrit : > > > Den 02.09.2014 22:20, skrev Tom Livingston: > >> http://www.tomliv.com/img/button.png > > > > If that's a typical "button", I would think the addition of > 'background-size' > > yes (sized in em, or rem, using an SVG image) > > In addition: background-position: 100% 50%; > and again, use em, rem instead of px for the padding. > > > and adding the "arrow" in with '::after' should be flexible enough to > work. > > Not great for AT, if you use the 'content' property; if you use a > background image on the ::after element, you'll have the same issues in > terms of sizing & positioning. > > Philippe > -- > Philippe Wittenbergh > http://l-c-n.com/ > > > If you look carefully at the image I linked to, the text and arrow image aren't well centered vertically. It look better in Safari. I know vertical centering is a bit annoying but is there a better way to go about this structure/style? -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
