Posts Tagged ‘layout’

Elsewhere for October 18th

Saturday, October 18th, 2008

These are my delicious links for October 18th:

Tags: , , , , , ,
Posted in elsewhere | No Comments »

Pixels to Ems Conversion

Monday, March 3rd, 2008

A really great chart to determine the Pixels to Ems Conversion Table for CSS. Thank you Jon Tan.  A quick over-view/sampling below.

px font-size em equivalent 1px in ems
11 0.689 0.091
12 0.750 0.083
14 0.875 0.071
16 1.000 0.063
18 1.125 0.056
20 1.250 0.050

What this chart allows you to do is determine the em width of something. Say you have something that is 770px wide, and using a font-size of 1em. You know then that the em-width of the layout is: 1 ÷ 16 × 770 = 48.125em.

Tags: , ,
Posted in CSS, HTML, Reference, UI Design | No Comments »