Tables and Fonts

liunx

Guest
Hi,

I am using a CSS style sheet and have applied different fonts and colours, etc. However in tables the font-size is larger for some reason, the font should be 10pt, works everywhere, but in tables is 12pt, I cannot see why. Here is my CSS script.

BODY
{
font-weight: normal;
font-size: 10pt;
word-spacing: normal;
text-transform: none;
font-family: Verdana, Helvetica, sans-serif;
letter-spacing: normal;
background-color: white;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
COLOR: #336699;
}
H1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:2em;
font-weight:700;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

H2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.75em;
font-weight:700;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

H3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.58em;
font-weight:500;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

H4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.33em;
font-weight:500;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

H5, DT{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:700;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

H6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:700;
font-style:normal;
text-decoration:none;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
}

TFOOT, THEAD{
font-size:10pt;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

TH{
vertical-align:baseline;
font-size:1em;
font-weight:bold;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


A:link{
text-decoration:none;
color:#336699;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:visited{
text-decoration:none;
color:#9999cc;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:active{
text-decoration:none;
color:#ff9933;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:hover{
text-decoration:underline;
color:#ff9933;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

SMALL{
font-size:.7em;
}

BIG{
font-size:1.17em;
}

BLOCKQUOTE, PRE{
font-family:Courier New, monospace;
}


UL LI{
list-style-type:square ;
}

UL LI LI{
list-style-type:disc;
}

UL LI LI LI{
list-style-type:circle;
}

OL LI{
list-style-type:decimal;
}

OL OL LI{
list-style-type:lower-alpha;
}

OL OL OL LI{
list-style-type:lower-roman;
}

IMG {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
}
P P
{
font-weight: normal;
font-size: 10pt;
word-spacing: normal;
text-transform: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: normal;
}


Any help would be greatly appreciated!

Regards,
Lea HayesSome browsers don't inherit the body font into tables so you may need to set the defaults with a body,table,th,td selector.In IE 6, the problem resolves itself if you use a valid DOCTYPE. For IE 5 and 5.5, use Ray's suggestion.Hi,

Thanks, this has solved my problem!

Best Regards,
Lea Hayes
 
Back
Top