font-size: does not work in <body>

andersonoo7 · #1 Jun 11th, 2005, 07:24

new to the site and looking for some help, my problem is that I am trying to set the default font properties for my site in a css. All of the properties go through in the body tag except for 'font-size:'. I've been trying all day to find out why but am at a loss. First, I'll post the css, then the index page, then an example of one of the included files. Any and all help is appreciated.

CSS:

body { color: black; font-family: verdana; font-size: x-small; margin-top: 3px; margin-left: 3px; }
a:link.active { color: white; font-family: verdana; font-size: 8pt; font-Weight: medium; text-decoration: none; }
a:link.topnav { color: white; font-family: verdana; font-size: 8pt; font-weight: medium; text-decoration: none; }
a:visited.topnav { color: white; font-family: verdana; font-size: 8pt; font-weight: medium; text-decoration: none; }

a:link.body { color: black; font-family: verdana; font-size: 8pt; }
a:visited.body { color: black; font-family: verdana; font-size: 8pt; }

fieldset { width: 446; border-top: 1; border-bottom: 0; border-left: 0; border-right: 0; }
legend { color: #00002e; font-family: verdana; font-size: 8pt; font-weight: bold; }

div.suprow { clear: both; padding-top: 4; }
div.suprow span.lableft { float: left; width: 54; text-align: right; font-family: verdana; font-size: 8pt; padding-top: 4; }
div.suprow span.labcenter { float: left; width: 89; text-align: right; font-family: verdana; font-size: 8pt; padding-top: 4; }
div.suprow span.field { float: left; margin-left: 5; }

div.regrow { clear: both; padding-top:4; }
div.regrow span.label { float: left; width: 82; text-align: right; font-family: verdana; font-size: 8pt; padding-top: 4; }
div.regrow span.lab3 { float: left; width: 32; text-align: right; margin-right:5; font-family: verdana; font-size: 8pt; padding-top: 4; }
div.regrow span.field { float: left; margin-left: 5; }

INDEX.PHP

<html>

<head>
<title>AWW - Your Home for Athletic Department Web Based Applications</title>

<LINK rel="stylesheet" href="inc/styleone.css" type="text/css">

</head>

<body>

<table width="750" cellspacing="0" cellpadding="0">

<?php

#begin include topnav.php
include('inc/topnav.php')
#end include

?>

</table>

<table width="750" cellspacing="0" cellpadding="2">

<tr>
<td width="275" height="300" background="images/vlines.jpg" valign="top">

<text>Site Updates:</text>

</td>

<?php
##begin include index.php?=pid
switch( $_GET['pid'] )
{
case NULL:
include( 'inc/home.php' );
break;

case 2:
include( 'inc/products.php' );
break;

case 3:
include( 'inc/support.php' );
break;

case 4:
include( 'inc/donate.php' );
break;

case 5:
include( 'inc/login.php' );
break;

case 6:
include( 'inc/mailsent.php' );
break;

case 7:
include( 'inc/register.php' );
break;

default:
include( 'inc/404error.php' );
break;
}
##end include
?>

</tr>
</table>

<?php

#begin include footer.php
include('inc/footer.php')
#end include

?>

</body>

</html>

PRODUCTS.PHP (pid=2)

<td valign="top">

Rehabilitation and Injury Management System (RIMS) - RIMS is an interactive module that allows Athletic Trainers, Team Physicians, and Team PTs to track not only the specific details of each injury, but also the progression of rehabilitation back to full participation. This is a crude text only system for now, but will be updated as feedback is received. Speaking of feedback, this is where we will need your input most. We've every effort to include as many circumstances and conditions as possible, but we are not perfect. If something you need or see regularily is not listed, please let us know through the support page. With this cost efficient tool you'll be on your way to a paperless injury recording facility.

NAME TBD - NAME TBD will allow Equipment Managers at the best outfitted facilities to keep detailed inventory of supplies in stock and track checked inventory to the individual or team. You'll even be able to print out your own equipment checkout cards. Again, if something you need or see regularily is not listed, please let us know through the support page.

</td>

Again, the problem is that 'font-size: x-small;' does not work in the body tag of the css. Look here:
www.athleticwebware.com

Webforumz Staff · #2 Jun 11th, 2005, 08:50

You need a style for td and possible p as well..!

Syody · #3 Jun 18th, 2005, 00:07

I'd try font-size: 10px; or font-size: 10pt;.

I've never used x-small or large, or what-not.

Sirkent: From what I know, if you don't specify anything for a property, nothing happens. The tag acts just like a normal HTML tag.

Rob · #4 Jun 18th, 2005, 10:57

To be honest, I would set an ABSOLUTE font size in the body... 12px for instance.

Then, on EVERY other element use em or percent widths. That way your site is not only very easy to change at the drop of a hat (just change the one setting in body{} ) but also accessible... people will be able to resize the text in their browser. If using absolute widths on every element then people wont be able to resize the text in Internet Explorer.

Hope this helps.

herkalees · #5 Jul 23rd, 2005, 03:00

Also, (this is a shot in the dark) change your css from:

body {styles, etc.}

to:

body, html {styles, etc.}

That might help. Also, think about adding more to the font family, like: font-family: Verdana, Helvetica, sans-serif;

This way, at the least, is AAA approved.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Using Font Size in BODY attribute	nne	Website Planning	7	Sep 11th, 2007 11:35
IE7 font size and formatting - help	Xhristy	Web Page Design	4	Apr 3rd, 2007 17:35
body font size problem	samv	Web Page Design	6	Feb 21st, 2007 12:55
How font size works in CSS?	sahota	Web Page Design	19	Dec 20th, 2006 23:56
why h1 doesn't inherit font -size from body?	sahota	Web Page Design	3	Dec 12th, 2005 21:55

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
font-size: does not work in <body>