Compare UK Credit Cards - Debt Consolidation - Submit articles - Discount Perfume - Debt Consolidation
PDA

View Full Version : Need CSS help please

ginostylz
Feb 4th 2005, 10:48 pm
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
Foxy
Feb 4th 2005, 10:57 pm
use px............:)
ginostylz
Feb 4th 2005, 11:00 pm
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.
Foxy
Feb 4th 2005, 11:13 pm
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
ginostylz
Feb 4th 2005, 11:43 pm
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/
reh3363
Feb 4th 2005, 11:53 pm
try using some code like this



body {
font: small/1.6 verdana, sans-serif;
}
p {
font-size: 85%;
}
h1 {
font-size: 130%;
}



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.
J.D.
Feb 5th 2005, 1:46 am
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.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.