I want to experiment using em If I set the body {font-size: 80%;} is the same as setting body {font-size: 50%;} which tells me something is wrong. If I leave the body tag alone alltogether I can set the p tag at 0.8em and it looks great. However everything not in a p tag like text inside tables which stay large. If I set td or my table to 0.8em, then my p text inhereits the parent text of the 0.8em of the td tag, then gets even smaller. How can the text in the tables stay the same size whether it is in a table tag or a paragragh tag? What is an easy/good solution? Thanks
very true, thanks foxy!!!!! Around what px is good for regular paragraph text and h1 size for starters? I like a 10pt arial or simply a size of 2.
10 is good - I use it a lot [likewise arial] however some people say it is a little small so if that is your feeling use 11 h1 I keep the same size as my text but use bold - but that is a personal thing Perhaps 1 or 2 px more
I thought px limited vision impaired It really only effects vision impaired using IE. The text zoomed fine using netscape. Also this site had some good articles on css too. http://alistapart.com/articles/sizematters/
try using some code like this body { font: small/1.6 verdana, sans-serif; } p { font-size: 85%; } h1 { font-size: 130%; } Code (markup): just play with the percentages to get the size you want. this is the technique I use on all my sites and it seems to work pretty well in all browsers.
All major browsers (IE, FF and Opera) seem to ignore font-size inheritance in some cases. For example, if you define font-size for <body>, <table>'s don't seem to inherit it. A simple fix is to add a DOCTYPE declaration to the page. J.D.