View Full Version : CSS text commands


Reeebeckah
07-26-2005, 08:46 AM
I love the way this css code looks the only problem is that the page doesn't seem to follow the command of a 10pt font, it stays in 12 pt and it doesn't match well with the site, what is clashing in my code making the text of the page stay 12 pt even when the css is 10pt?
Code:
<style type="text/css" media="screen">{ }
BODY
{
color:#808080;
font-size: 10pt;
font-family: arial;
background-color: transparent;
background-image: ;
cursor:normal;
line-height: 10px}-->
<--{ }
BODY
A:link{color:#000000;text-decoration:none; font-weight:bold;cursor:crosshair;}
A:visited{color:gray;text-decoration:none;font-weight:bold;cursor:crosshair;}}
A:active{color:#c0c0c0;text-decoration:line-through}
A:hover{color:#ffffff; text-decoration:none; cursor:crosshair; background-color:#000000;}
}
-->
BODY{
scrollbar-base-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:black;
scrollbar-track-color:white;
}
</style>
Any help would be appreciated!
-Rebeckah

lefty
07-26-2005, 02:26 PM
Firstly, you should combine your body tags into one. And link attributes are their own category.
(And what is that in your style tag? I bolded it)

<style type="text/css" media="screen">{ }
<!--
A:link {color:#000000; text-decoration:none; font-weight:bold; cursor:crosshair; }
A:visited {color:gray; text-decoration:none; font-weight:bold; cursor:crosshair; }
A:active {color:#c0c0c0; text-decoration:line-through; }
A:hover {color:#ffffff; text-decoration:none; cursor:crosshair; background-color:#000000;}
BODY {
color:#808080;
font-size: 10pt;
font-family: arial;
background-color: transparent;
cursor:normal;
line-height: 10px;
scrollbar-base-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-arrow-color:black;
scrollbar-track-color:white;
}
-->
</style>

I also took out the "background image" attribute because it was empty.

As for your question, is your text in a table? Tables need their own specification. If so, add this after the } in your css:

td {
font-size:10pt; }

kittycat
07-26-2005, 06:47 PM
The media part is for specifying different stylesheets for different media, like handhelds, or printing. Screen means it's intended for a regular computer

lefty
07-26-2005, 06:53 PM
really? I've never seen that before. Thanks kittycat :P

iTom
07-28-2005, 10:45 AM
Also, if using tables, usually the font is defaulted to 12pt, so add a table element and put font-size: 10pt; or font-size: 10pt!important; I think either works.