Question

I have created one web page with static content. My styles are loaded in Internet Explorer but not loaded in Safari and Mozilla.

CSS reference link in the HTML is:

<link rel="stylesheet" type="text/css" href="/stylesheets/style.css">

CSS is:

.linkText{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9 pt;
font-weight: normal;
font-style: normal;
color: #015C28;
text-decoration: none;
}

code:

<td bgcolor="#ffffff" width="25%"> <a href="../serverName/xxxxxx.html">
<strong class="linkText"><b>Winback Offers</b></strong></a></td>

Please advise me.

Answer 1

You should reduce the amount of tags to this:

<td bgcolor="#ffffff" width="25%"> 
  <a href="../serverName/xxxxxx.html" class="linkText">
     Winback Offers
  </a>
</td>

Then correct the typos in your CSS to this:

.linkText{
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  font-style: normal;
  color: #015C28;
  text-decoration: none;
}

You did

• use two # in front of the color code
• use a space between the 9 and its unit pt

The your output will look like the one in this fiddle.