Now you confused me ?
Chris F.A. Johnson wrote:
On Thu, 24 Jul 2014, Crest Christopher wrote:
A 120% font-size is 140%, correct ? I rather verify then assume I
understand it correctly !
No. 120% is 120%, i.e. 20% larger than the body (actually than its
container's) size. 140% is 40%
On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher
crestchristop...@gmail.com wrote:
Now you confused me ?
.
An em is the same as the font-size; if your font-size is 120%, an
em will be 20% larger than in a block where the font-size is 100%.
Christopher,
I think your question
On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher
crestchristop...@gmail.com wrote:
Now you confused me ?
ems are relative to font size.
Given a browser default of 16px, 1em = 16px.
If you have something set at font-size: 120%;, that's 120% bigger than
16px (1em) so, like Chris said, it
On Jul 24, 2014, at 8:18 AM, Tom Livingston tom...@gmail.com wrote:
ems are relative to font size.
Given a browser default of 16px, 1em = 16px.
If you have something set at font-size: 120%;, that's 120% bigger than
16px (1em) so, like Chris said, it would be 19px (rounded down) or
If you haven't seen this yet, it's worth the read and play time:
http://alistapart.com/blog/post/ten-css-one-liners-to-replace-native-apps
Chris Rockwell
__
css-discuss [css-d@lists.css-discuss.org]
On Thu, Jul 24, 2014 at 11:22 AM, John j...@coffeeonmars.com wrote:
On Jul 24, 2014, at 8:18 AM, Tom Livingston tom...@gmail.com wrote:
ems are relative to font size.
Given a browser default of 16px, 1em = 16px.
If you have something set at font-size: 120%;, that's 120% bigger than
16px
On Thu, 24 Jul 2014, John wrote:
On Jul 24, 2014, at 8:18 AM, Tom Livingston tom...@gmail.com wrote:
ems are relative to font size.
Given a browser default of 16px, 1em = 16px.
If you have something set at font-size: 120%;, that's 120% bigger than
16px (1em) so, like Chris said, it would
On Jul 24, 2014, at 8:35 AM, Tom Livingston tom...@gmail.com wrote:
Where, specifically on the page, are we talking about?
This spot:
http://www.coffeeonmars.com/170_su/template/home.html
this declaration:
#header-logo {
height: auto;
margin: 2em 0 0 16px;
width: 300px;
}
Notice
On Thu, Jul 24, 2014 at 11:38 AM, John j...@coffeeonmars.com wrote:
On Jul 24, 2014, at 8:35 AM, Tom Livingston tom...@gmail.com wrote:
Where, specifically on the page, are we talking about?
This spot:
http://www.coffeeonmars.com/170_su/template/home.html
this declaration:
#header-logo
John,
I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of h1
- h1 has a font-size of 2em (set by user agent stylesheet)
- #header-logo therefore has a base font-size of 2em, or 32px (assuming
16px is the base)
- Padding #header-logo by 1.25em is
On Jul 24, 2014, at 8:40 AM, Chris Rockwell ch...@chrisrockwell.com wrote:
I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of h1
- h1 has a font-size of 2em (set by user agent stylesheet)
- #header-logo therefore has a base font-size of 2em,
On Thu, Jul 24, 2014 at 11:45 AM, John j...@coffeeonmars.com wrote:
On Jul 24, 2014, at 8:40 AM, Chris Rockwell ch...@chrisrockwell.com wrote:
I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of h1
- h1 has a font-size of 2em (set by user agent
So, I either have to keep track of the math, or…is there another, better
way I should have built that lock-up?
If you want to use em's, you'll need to be aware of parent font sizes.
Personally, I don't put img's in h1's, but I see it in practice all of
the time (and it's acceptable as far as
On Jul 24, 2014, at 8:53 AM, Tom Livingston tom...@gmail.com wrote:
Not really. You are currently making that the highest level head
element (h1) of the page. Is that what you want?
Not if the h1-wrapped element is a graphic whose only text opportunity is the
alt tag. if that logo were live
On Thu, 24 Jul 2014, John wrote:
On Jul 24, 2014, at 8:40 AM, Chris Rockwell ch...@chrisrockwell.com wrote:
I don't think you're recognizing that em's inherit from their parent.
- #header-logo is a child of h1
- h1 has a font-size of 2em (set by user agent stylesheet)
- #header-logo
On Jul 24, 2014, at 9:01 AM, Chris Rockwell ch...@chrisrockwell.com wrote:
If you want to use em's, you'll need to be aware of parent font sizes.
Personally, I don't put img's in h1's, but I see it in practice all of
the time (and it's acceptable as far as the standards bodies are
concerned).
Right on…the hide me from view method is one I was encouraged to explore;
have not yet done so.
Take a look at
https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css#L110
__
css-discuss
On Thu, Jul 24, 2014 at 12:00 PM, John j...@coffeeonmars.com wrote:
On Jul 24, 2014, at 8:53 AM, Tom Livingston tom...@gmail.com wrote:
Not really. You are currently making that the highest level head
element (h1) of the page. Is that what you want?
Not if the h1-wrapped element is a graphic
On Jul 24, 2014, at 9:49 AM, Tom Livingston tom...@gmail.com wrote:
You could, since that h1 is an image, spec it to be font-size: 1em; but I
tend to agree text trumps alt text.
OK..so for the css declaration, it could be:
#logo h1{
font-size:1em;
color:black;
blah;
On Thu, Jul 24, 2014 at 12:52 PM, John j...@coffeeonmars.com wrote:
On Jul 24, 2014, at 9:49 AM, Tom Livingston tom...@gmail.com wrote:
You could, since that h1 is an image, spec it to be font-size: 1em; but I
tend to agree text trumps alt text.
OK..so for the css declaration, it could be:
On 2014-07-24 08:45 (GMT-0700) John composed:
So, I either have to keep track of the math, or…is there another, better way I
should have built that lock-up?
If you are not in need to support ancient browsers, there is an easy way:
instead of 1.25em, use 1.25rem, which matches your
Le 25 juil. 2014 à 01:06, Chris F.A. Johnson ch...@cfajohnson.com a écrit :
Note that you can also specify font-size in rem, which is relative
to the BODY's font-size. See http://t.cfaj.ca/emsize.html.
Ahem, Chris:
rem unit
Equal to the computed value of font-size on the ***root
Is this a golden rule, 1em = 16px ? If the math is 120 * 16 = 1920 px or
rounded down as mentioned 19px, correct ?
Tom Livingston wrote:
On Thu, Jul 24, 2014 at 9:40 AM, Crest Christopher
crestchristop...@gmail.com wrote:
Now you confused me ?
ems are relative to font size.
Given a
I don't know about golden, but it equal to the browser default which, if
unchanged, is usually 16px.
On Thursday, July 24, 2014, Crest Christopher crestchristop...@gmail.com
wrote:
Is this a golden rule, 1em = 16px ? If the math is 120 * 16 = 1920 px or
rounded down as mentioned 19px,
A font-size of 120% is 19px, is my math correct ?
Tom Livingston wrote:
I don't know about golden, but it equal to the browser default which,
if unchanged, is usually 16px.
On Thursday, July 24, 2014, Crest Christopher
crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote:
I believe so.
On Thursday, July 24, 2014, Crest Christopher crestchristop...@gmail.com
wrote:
A font-size of 120% is 19px, is my math correct ?
Tom Livingston wrote:
I don't know about golden, but it equal to the browser default which, if
unchanged, is usually 16px.
On Thursday, July
On 7/24/14, 19:53, Tom Livingston wrote:
I believe so.
On Thursday, July 24, 2014, Crest Christopher crestchristop...@gmail.com
wrote:
A font-size of 120% is 19px, is my math correct ?
Tom Livingston wrote:
I don't know about golden, but it equal to the browser default which, if
unchanged,
On 2014-07-24 22:47 (GMT-0400) Crest Christopher composed:
Is this a golden rule, 1em = 16px ?
Per happenstance, 16px is the most commonly shipped default. In some
browsers, the default is actually 12pt, but because the display density a
genuine traditional pt depends upon assumes a density
2014-07-25 6:50, Felix Miata wrote:
OTOH, the em unit at the document root, where it's equal to 1rem, is
also equal to the user's definition of optimal text size, as reflected
by the browser's default size setting.
The downside of the rem is lack of support in some old browsers. We need
to
29 matches
Mail list logo
