Solved

Convert ems to pixels

Posted on 2006-07-19
5
2,727 Views
Last Modified: 2012-06-22
Hi folks,

How does one convert em to pixel?  I just inherited a site where EVERYTHING (down to the div widths) is specified in em and I have no frame of reference.  
0
Comment
Question by:Jason C. Levine
  • 2
  • 2
5 Comments
 
LVL 5

Accepted Solution

by:
koolie earned 125 total points
ID: 17141378
em's are based on how the user has there font size configured.  Since most dont even know about this, you can generally assume that the default is what they use.

Here is a good site that gives you approximations on what is correct.

http://www.reeddesign.co.uk/test/points-pixels.html

em's are an ideal way to design since it is relative, but a little tough if you get thrown right into it.  Good luck.
0
 
LVL 3

Assisted Solution

by:jeaton32
jeaton32 earned 125 total points
ID: 17141394
Hi jason1178,

FAQTs.com
http://www.faqts.com/knowledge_base/view.phtml/aid/19491



Hope this helps!

Josh
0
 
LVL 70

Author Comment

by:Jason C. Levine
ID: 17141434
Hi koolie, Josh,

Thanks for the links.  The first one generalizes 1em = 12px and the second provides a mathematical formula that produces a variable result based on the user.

If I just wanted to blow the ems completely out of the document and replace with px, which resource should I use?
0
 
LVL 3

Expert Comment

by:jeaton32
ID: 17141789
Unless you can create a program to parse your HTML file and convert all the ems to px, then I do not know of a better way besides doing a find-replace and manually entering in your conversions. I'm sorry I do not know enough to code a program that will do this.

I've looked and can't find anything that will do this automatically for you, hopefully someone else can find or code something.
0
 
LVL 70

Author Comment

by:Jason C. Levine
ID: 17142009
Okay, thanks guys.  I have enough info to go from here.

Points split as you both posted valid solutions within 3 minutes of each other.
0

Featured Post

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Centered Image 2 29
Problem with spacing columns on a row in a table 10 25
Changing Two Areas of a Page 5 17
asp.net input html code have it display the content 2 13
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question