Topic: em Pages that link to <a href="https://ozoneasylum.com/backlink?for=11086" title="Pages that link to Topic: em" rel="nofollow" >Topic: em\

 
Author Thread
Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 10-26-2003 23:03 Edit Quote

Hi, guys. How are you? Could you help me, pleaes?
I am wondering what *em* does for styles.

quote:
By definition, the em unit is the size of the font, which by definition
equals the height of the font. What this really means is usually (at least
roughly) equal to the distance from the lowest descender of the characters
up to the top of the highest ascender, counting diacritics as descenders
or ascenders according to their position. But at the most general level,
we can only say that the size of the font is a quantity assigned to the
font by its designer.



This is a quote from my reserch about em. Long time ago, actually I read same sort of definition about em. But I have not been able to understadn actual use of em. I mean I sometimes see setting font size not px but em. How does it work?

And also I found this kind of thing:

code:
padding: 5px 5px 5px 0.5em;



Why do poeple want to do like that? I am sure it is intentional to get some effect. But I cannot get the point.
Could anyone explain it to me, please?

Hiroki Kozai

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 10-26-2003 23:40 Edit Quote

The purpose of using em measurements is to allow the object being specified in that way to alter it's size/margin/padding/border/etc. along with the text size.

If you have all of your margins specified in em, they will grow as the text size grows (for instance, when the user alters the text size via their browser controls). If you don't they will stay the same while the text grows.



[This message has been edited by DL-44 (edited 10-26-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

IP logged posted posted 10-26-2003 23:55 Edit Quote

Hi, DL. How are you?
Thanks for your reply.
I gotta!
Cheers.

Hiroki Kozai

smonkey
Paranoid (IV) Inmate

From: Northumberland, England
Insane since: Apr 2003

IP logged posted posted 10-29-2003 00:17 Edit Quote

the basic principle of 'em' according to my graphic design / typography tutor is that one 'em' is essentially the width of the widest character in the alphabet - the 'M'. The concept however is still a slightly confusing one - but in web terms it's like DL put it so eloquently.

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 10-29-2003 01:28 Edit Quote

Although outdated this site is always handy on font matters and has a demo page talking about em:
http://style.cleverchimp.com/

___________________
Emps

The Emperor dot org



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu