Px, Pt or Percentage?

Joined
Jan 31, 2008
Messages
375
Reaction score
8
Points
18
Location
Chicago
Your Mac's Specs
2.53 Intel Core Duo Mac Mini; 4g RAM; 350g HD, OS 10.6.3
hey all,

in your guys' opinion, what's best to use when formatting text for web? Pixels, Points or Percentage? And what is the advantages/disadvantages of each? Thanks in advance.
 

vansmith

Senior Member
Joined
Oct 19, 2008
Messages
19,924
Reaction score
559
Points
113
Location
Queensland
Your Mac's Specs
Mini (2014, 2018, 2020), MBA (2020), iPad Pro (2018), iPhone 13 Pro Max, Watch (S6)
I'm just now starting to seriously dabble in web design but from my perspective, percentages are the best way to format objects because it ensures a level of consistency. Again, I'm just beginning to design pages so some one more knowledgeable may be able to give you a better reason for choosing one method over another.
 
OP
mcjacksonnelson
Joined
Jan 31, 2008
Messages
375
Reaction score
8
Points
18
Location
Chicago
Your Mac's Specs
2.53 Intel Core Duo Mac Mini; 4g RAM; 350g HD, OS 10.6.3
yeah, im pretty new to web design myself. and after looking at other people's source code on their pages, they all seem to use something different.
 
Joined
Feb 2, 2004
Messages
12,455
Reaction score
604
Points
113
Location
PA
Your Mac's Specs
MacBook
Text for web should be formatted using points.
Graphics for web should be formatted using pixels.
Percentages should be used for structural elements like tables and such.
 
OP
mcjacksonnelson
Joined
Jan 31, 2008
Messages
375
Reaction score
8
Points
18
Location
Chicago
Your Mac's Specs
2.53 Intel Core Duo Mac Mini; 4g RAM; 350g HD, OS 10.6.3
awesome, thanks for the info. one more question. when i preview my layout in safari it looks great. but when i preview it in explorer, all of my text formatting is gone, color, size, font, etc..... i know its a user issue, so i made all my font preferences in explorer the same as my layout, but it still blows everything out. not sure whats going on.... thanks for all you help guys.
 
Joined
Jun 25, 2005
Messages
3,231
Reaction score
112
Points
63
Location
On the road
Your Mac's Specs
2011 MBP, i7, 16GB RAM, MBP 2.16Ghz Core Duo, 2GB ram, Dual 867Mhz MDD, 1.75GB ram, ATI 9800 Pro vid
What version of Exployer and on which platform (Mac/Windows)?

Also, are you using CSS or font/size tags?
 
Joined
Oct 22, 2007
Messages
8,967
Reaction score
287
Points
83
Location
London
Your Mac's Specs
Mac Mini Core i7 2012 | White 2009 MacBook 2 Ghz | 733 Mhz G4 Quicksilver
I myself have found that text sizes can vary cross platform using points, so have started using pixels to specify type size
 
Joined
Jun 25, 2005
Messages
3,231
Reaction score
112
Points
63
Location
On the road
Your Mac's Specs
2011 MBP, i7, 16GB RAM, MBP 2.16Ghz Core Duo, 2GB ram, Dual 867Mhz MDD, 1.75GB ram, ATI 9800 Pro vid
I prefer em because you leave the default size choice to the user viewing your pages and set offsets from that as desired. Still, web page developers could do something stupid like make their text so small that I have to then enlarge all of their pages. In the last couple of years I've noticed many sites making the text very small so that it looks pretty on their layouts. This is becoming very annoying. Sometimes I find the text size in these very threads too small. Hmm. Maybe age is catching up to me?

Here is a nice relatively short explanation; CSS Font Size Explained.
 

Shop Amazon


Shop for your Apple, Mac, iPhone and other computer products on Amazon.
We are a participant in the Amazon Services LLC Associates Program, an affiliate program designed to provide a means for us to earn fees by linking to Amazon and affiliated sites.
Top