Firefox displays grey text instead of black
Hi guys:
I ned your help. My website at aquascapesofsc.com shows up fine in IE. the body text is black.
In mozilla, the body text is greyed out. My programmer has used CSS. I changed the text attributes on my index page because I could not figure out how to change it in the CSS.
I have copied the CSS file below:
/* CSS Document */
BODY {
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-STYLE: normal;
background-image:url(bg.jpg);
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
margin:0px;
}
TD {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #838383; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A:link {
COLOR: #000; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; text-transform:none;
}
A:visited {
COLOR: #000; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none; text-transform:none;}
A:hover {
COLOR: #000; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION:underline; font-style:italic;
}
H1 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H2 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #D9EAE5; FONT-FAMILY: Arial, Helvetica, sans-serif; font-weight:bold;
}
H3 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #990000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H4 {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
H5 {
FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 25px; COLOR: #333333; LINE-HEIGHT: 17px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
P {
FONT-SIZE: 11px; COLOR: #838383; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
PRE {
MARGIN-TOP: 20px; FONT-SIZE: 12px; MARGIN-BOTTOM: 10px; LINE-HEIGHT: 22px
}
/*LI {
FONT-SIZE: 11px; LINE-HEIGHT: 16px; LIST-STYLE-TYPE: square
}*/
INPUT {
BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TEXTAREA {
FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.bluefont
{
color:#4387DB;
font-size:11px;
line-height:18px;
font-weight:bold;
}
.blackfont
{
color:#000000;
font-size:14px;
font-stretch:normal;
font-weight:bold;
}
.contentpadding
{
padding-top:25px;
padding-left:16px;
padding-right:16px;
padding-bottom:16px;
}
.contentblackfont {
FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.whitelink:link {
COLOR: #D9EAE5; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none;
}
.whitelink:visited
{
COLOR: #D9EAE5; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: none;
}
.whitelink:hover {
COLOR: #D9EAE5; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 13px; TEXT-DECORATION: underline;
}
.bottomlink:link {
COLOR: #666666; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold;
}
.bottomlink:visited
{
COLOR: #666666; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; font-weight:bold;
}
.bottomlink:hover {
COLOR: #666666; FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: underline; font-weight:bold;
}
-------------------------
Here is the code for my index page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>AquaScapes Of South Carolina</title>
<link href="images/style.css" rel="stylesheet" type="text/css" />
</head>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-777189-1";
urchinTracker();
</script>
<script type="text/javascript" src="http://forms.aweber.com/form/54/873611054.js"></script>
<body>
<table width="96%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="30%" align="right"><img src="images/logo.jpg" width="294" height="68" /></td>
<td width="70%"> </td>
</tr>
<tr>
<td height="30" valign="top"> </td>
<td> </td>
</tr>
<tr>
<td valign="top"><table width="99%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right"><img src="images/left_img.jpg" width="282" height="245" /></td>
</tr>
<tr>
<td height="240" background="images/left_bot_nav.jpg"><img src="images/transparent.gif" width="4" height="100%" /></td>
</tr>
</table></td>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="8%"> </td>
<td width="89%" rowspan="2" valign="top"><p align="justify"> <font face="verdana" size="2" color="000000"><font face="Verdana" size="2" color="FF00FF"><b>The little Known Secret That Can Make Your Backyard into a Paradise You've Always Wanted.</b> </font>
Do you genuinely long for a beautiful backyard? A backyard that's a showplace? One that all
your neighbors will envy? A yard where your family and friends are awestruck every time they
visit? If that's you, then let me tell you about a little known concept that can make you
the talk of the neighborhood. It's called a "pond."<p></p>
<p align="justify"> <font face="verdana" size="2" color="000000"><font face="Verdana" size="2" color="000000"> If you've ever seen a pond before, please don't presume that you know what I am talking about. I'm not talking about one of those pea-green soup cesspools that take you hours to maintain everyday. No, I'm talking about a sparkling, clear, freshwater pond with fish, turtles, blooming flowers, and a magnificent waterfall. These ponds are alive, overflowing with life and they take very little time to maintain. You don't even have to feed the fish! But, you'll love doing so.<p></p>
<p align="justify"> <font face="verdana" size="2" color="000000"><font face="Verdana" size="2" color="000000">Don't be surprised if you shut off the TV and spend time around the pond. People have reported spending hours outside sitting and talking to each other (imagine that) and enjoying their pond. So, you've been warned!
A Pond will change your life. Pond owners become the talk of the neighborhood. Everyone wants to see the pond. All your friends and family members will want to spend time around the pond.<p></p>
<p align="justify"> <font face="verdana" size="2" color="000000"><font face="Verdana" size="2" color="000000">Ponds increase the Value of Your Home by tens of thousands of dollars. Installing a pond is a good sound investment in your home. It is The Best way to Improve the value of Your house and Enjoy Your Home Like Never Before. <b>Please contact me to receive a</b> <b>Special New FREE Report</b> entitled <b>"Water Gardens Create a Tropical Paradise in Your Backyard and Increase Your Property Values at the Same Time"</b><i></i>
<p align="justify"> <font face="verdana" size="2" color="000000"><font face="Verdana" size="2" color="FF00FF"><b>Did You know There's a Way to Eliminate Stress and Anxiety in One Phone Call or Email?
<font face="Verdana" size="2" color="000000">Please Call Gary Franks at 843-437-1183 or </font><a href="mailto:aquascapesofsc@gmail.com"><font face="Verdana" size="2" color="0000FF">Please Email us</font></a>. Do it Now and Improve Your Lifestyle Today!
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
----------------------
Please help!
CSS Codes
Reply With Quote
Bookmarks