I’m also having an issue with fonts not displaying in Firefox; it displays fine in IE. I validated the css at http://jigsaw.w3.org/css-validator/ and cleaned up the few errors, but the text does not change with the p.class? I’m self trained, figured it out from the ‘net, and I couldn’t find any reference to a cross platform issue with fonts, so it must be something I’ve mistyped, yet wouldn’t ping the validator. The instructions that come in the p.body and the p.alt etc, should be read after the body, but I could be mistaken. any suggestions? what have I done wrong? TIA.
here’s the css:
body{
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
padding-top: 40px;
padding-bottom: 40px;
margin: 20px;
padding: 20px;
border-style: none;
background-image: url(http://www.zonezine.net/users/dossier/images/nnb-bg5.jpg);
background-color: #C4CADE;
background-repeat: no-repeat;
background-attachment: fixed;
/*<body background="../images/nnb-bg5.jpg" bgproperties="fixed" text="#000000" bgcolor="#C4CADE" link="#890E0E" vlink="#1544DF">*/
}
div.body
{
background-color: #FFFFFF;
padding: 10px;
text-align: left;
border-style: none;
}
p.intro
{
color: black;
padding: 5px;
}
p.center
{
text-align: center;
color: black;
}
p.decoration
{
text-align: center;
color: black;
}
p.alt
{
font-family: 'Courier New', monospace;
text-align: left;
color: black;
}
p.body
{
font-family: Arial, Helvetica, sans-serif;
color: black;
margin-left: 5px;
}
p.ibody
{
color: black;
margin-left: 5px;
font-style: italic;
}
p.altibody
{
font-family: 'Courier New';
color: black;
margin-left: 5px;
font-style: italic;
}
#menu {
list-style-type: none;
margin-left: 0;
padding-left: 1em;
text-indent: 1em;
color: black;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0;
}
h1 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: black;
}
h2 {font-size: 1.3em;
font-family: "Arial";
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: black;
}
h3 {font-size: 1.3em;
font-family: "Courier New";
font-weight: bold;
text-align: center;
text-transform: capitalize;
color: black;
}
h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: black;
text-transform: capitalize;
}
h5 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: center;
color: black;
}
a {
color: #890E0E;
text-decoration: underline;
/*visited: color: #1544DF;*/
/* link="#890E0E" vlink="#1544DF"*/
}
DIV.base-layer {
color: black;
margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: left; width: auto;
}
DIV.table-row {
color: black;
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center; width: 96%;
}
/* Style rules for the 3 x 2 table example */
DIV.left-container2 {
color: black;
border: thin; float: left; margin: 0; padding: 0; width: 50%;
}
DIV.right-container2 {
color: black;
border: thin; float: right; margin: 0; padding: 0; width: 50%;
}
DIV.space-line {
clear: both; margin: 0; padding: 0; width: auto;
}
/*a:link {*/
/* text-decoration: underline; */
/* visited: color: blue;*/
/* hover: color: red;*/
/* active: color: red;*/
/*}*/
/*background-image: url(http://nickzone.net/NickZone/images/dblue044.jpg);*/