November 21, 2003

What em I

It’s Friday and I am getting a bad bout of existential emst.

What in the world is an .em?
What happens to my hover effects when I spec using .ems?
Why do they become a baby of themselves?

Even google is stumped and w3 just adds to the confusion.

What did one .em say to the other .em?
Who’s your Daddy?

Posted by Karen at November 21, 2003 02:29 PM in web building
Comments

bigbaer’s article is interesting but why are pixels considered a relative measurement?

Isnt 1 pixel the same always?

Posted by: jimmy at November 21, 2003 11:58 PM

I still haven’t figured out the use of em in CSS. How am I supposed to define a font’s size in ems if the em varies according to the point size (and you’re not supposed to use pt as an unit in CSS)?

Posted by: Adriano at November 23, 2003 06:03 AM

Mezzoblue’s CSS Crib Sheet is really helpful. via Simple Bits

“A lot of these �best practices� are just arbitary favouritism for a particular way of working.”

Oh yes!

But I still dunno what an .em is.

Will find out and post back.

Posted by: Karen at November 25, 2003 10:31 PM

>>> bigbaer’s article is interesting but why are pixels considered a relative measurement? >> Isnt 1 pixel the same always? http://www.bigbaer.com/css_tutorials/css_font_size.htm

Posted by: BIGBAER at October 5, 2004 04:00 AM

>>> bigbaer’s article is interesting but why are pixels considered a relative measurement?

Because a pixel is RELATIVE to the resolution of the display window.

>>> Isnt 1 pixel the same always?

Yes… and no. Any given pixel is always the displayed the as the same size to all other pixels WITHIN a given RESOLUTION-FIXED SET DISPLAY WINDOW. For example, pixels in a 800x600 display window, viewed on a monitor set at a SCREEN RESOLUTION of 1024x768 will display similarly. Change the WINDOW(VIEW PORT) SIZE to 1024x768 and the pixels will still retain their relative AND perceptual size since the SCREEN RESOLUTION is unchanged.

Change the SCREEN RESOLUTION to 1600x1200 and all of a sudden those pixels got mighty small! This is what is meant by RELATIVE SIZE, i.e. the size of the pixel is RELATIVE to the RESOLUTION of the display device, and unaffected by the actual WINDOW (VIEW PORT) area.

http://www.bigbaer.com/css_tutorials/css_font_size.htm

Posted by: BIGBAER at October 5, 2004 04:00 AM

Hey Bigbaer, thanks for the clarification!

Posted by: Karen at October 5, 2004 04:34 PM


Warning: include(): open_basedir restriction in effect. File(/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php) is not within the allowed path(s): (/var/www/vhosts/manic.com.sg/:/tmp/) in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000083.php on line 583

Warning: include(/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php): failed to open stream: Operation not permitted in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000083.php on line 583

Warning: include(): Failed opening '/home/httpd/vhosts/manic.com.sg/httpdocs/refer/refer.php' for inclusion (include_path='.:/usr/local/php5619-cgi/pear') in /data/vhosts/manic.com.sg/httpdocs/blog/archives/000083.php on line 583