Log in

View Full Version : Firefox displays grey text instead of black



aquascapes
10-07-2006, 12:09 AM
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%">&nbsp;</td>
</tr>
<tr>
<td height="30" valign="top">&nbsp;</td>
<td>&nbsp;</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%">&nbsp;</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>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
</body>

</html>
----------------------
Please help!

redice
10-07-2006, 07:00 AM
hi,

have a look at your errors to start with.
http://validator.w3.org/check?uri=http%3A%2F%2Faquascapesofsc.com%2F

you need to fix these.

Secondly I have come accross this problem, if you are hosting on a *nix host than you will have a problem in the way you have done yous coding. EG in the CSS stylesheet you have categorised using Upper Caps, but when doing the catogorising in the HTML you have used Lower Caps.

If I am not wrong, I think firefox is picky about this regardless of your host OS.

Redice

Twey
10-07-2006, 10:47 AM
if you are hosting on a *nix host than you will have a problem in the way you have done yous coding.Nobody cares about the server's OS. It makes no difference to how the page is treated once it hits the client.

redice is right, though: you should validate your page, then come back. It's often quite difficult to predict the consequences of changes on an invalid page (although from a cursory glance, I'd suspect that Firefox is doing the right thing [as usual] and that the text really ought to be grey in IE as well).

aquascapes
10-07-2006, 05:30 PM
Thank you so much for all your valuable advice. I will let my programmer know.

Monty