Em Calculator

TavoxPeru

Aug 13 2006, 09:09 AM

Hi, if someone need to convert pixels to ems, this calculator will do the trick, also it can calculate child and sibling measurements.

I think that this website will be very helpful and could save some time, so check it out and visit: Em Calculator

Best regards,

Comment/Reply (w/o sign-up)

Vyoma

Aug 14 2006, 04:41 AM

Now that is a really good calculator you pointed out TavoxPeru.

I prefer to use 'ems' instead of specific pixel sizes when defining the font-sizes for various blocks in CSS because else, that would keep the design fixed. If someone wants to resize the fonts using their browser option, they are unable to.

But if one uses 'em' sizes for the fonts through out the CSS, then that leads to a truly fluid design and a visitor has choices of font-sizes and can choose whichever is comfortable to him.

Comment/Reply (w/o sign-up)

TavoxPeru

Aug 14 2006, 07:16 PM

QUOTE(Vyoma @ Aug 13 2006, 11:41 PM)

Now that is a really good calculator you pointed out TavoxPeru.

I prefer to use 'ems' instead of specific pixel sizes when defining the font-sizes for various blocks in CSS because else, that would keep the design fixed. If someone wants to resize the fonts using their browser option, they are unable to.

But if one uses 'em' sizes for the fonts through out the CSS, then that leads to a truly fluid design and a visitor has choices of font-sizes and can choose whichever is comfortable to him.

Tell me something, what you say is that if i specify the font sizes using 'ems' in an external css file the user can't modify these sizes by the browser right??? but if i specify these sizes usign 'ems' directly in the html page using a style attribute of any html tag or by using an inline style they could modify these by the browser???

Best regards,

Comment/Reply (w/o sign-up)

Hercco

Aug 16 2006, 07:44 PM

First of all: that's really handy calculator. Thanks for posting TavoxPeru.

QUOTE(TavoxPeru @ Aug 14 2006, 10:16 PM)

Tell me something, what you say is that if i specify the font sizes using 'ems' in an external css file the user can't modify these sizes by the browser right??? but if i specify these sizes usign 'ems' directly in the html page using a style attribute of any html tag or by using an inline style they could modify these by the browser???

Best regards,

No. Em sizes are relational. So if user changes font size in his browser, Ctrl+MouseScroll or View->Font Size in IE, all the fonts are resized proportionally. So headers "<hX>" are increased in size proportianlly as much as the normal text.

If you have set the font size as absolute pixels, the IE, for example, refuses to change it. The font size is set in the code and the browser won't render it differently. Browsers which "zoom" are a different thing as they zoom everything, including tables divs and images.

Ems are the recommended way. Simply because relational measures are far more handy for special browsers such as one's in hand helds. Basically the text stays readable regardless of the screen size or resolution.

Comment/Reply (w/o sign-up)

TavoxPeru

Aug 19 2006, 09:19 AM

QUOTE(Hercco @ Aug 16 2006, 02:44 PM)

First of all: that's really handy calculator. Thanks for posting TavoxPeru.
No. Em sizes are relational. So if user changes font size in his browser, Ctrl+MouseScroll or View->Font Size in IE, all the fonts are resized proportionally. So headers "<hX>" are increased in size proportianlly as much as the normal text.

If you have set the font size as absolute pixels, the IE, for example, refuses to change it. The font size is set in the code and the browser won't render it differently. Browsers which "zoom" are a different thing as they zoom everything, including tables divs and images.

Ems are the recommended way. Simply because relational measures are far more handy for special browsers such as one's in hand helds. Basically the text stays readable regardless of the screen size or resolution.

Ok, thanks a lot, i will put this in practice right now.

Best regards,

Comment/Reply (w/o sign-up)