Implementing CSS in Mozilla

[TheDust]

I have a CSS class that Mozilla won't recognize. The styles work when I put them inline like this:

<table>
  <tr>
    <td style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;line-height:16px;font-weight:bold;color:#DED9E6;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:12px;">text here</td>
  </tr>
</table>

However, it doesn't work when I implement it this way:

<style type="text/css">
.2005myp_adcopy {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  line-height:16px;
  font-weight:bold;
  color:#DED9E6;
  padding-top:5px;
  padding-right:8px;
  padding-bottom:5px;
  padding-left:12px;
}
</style>
<table>
  <tr> 
    <td class="2005myp_adcopy">text here</td>
  </tr>
</table>

Does anyone know what in sam hell is going on here? I'm starting to lose my faith in Mozilla...

 

[LTeeple]

Do other defined styles work in your stylesheet?

How are you bringing in the style sheet? Is it linked or imported?



Cheers!
Laura

 

[Vragabond]

Unfortunately, I cannot find the reference right now, but classes that begin with the number are not allowed in the w3 specs. Mozilla correctly ignores the class name that begins with the number. Rename your class so that it starts with a letter and it should work.

 

[LTeeple]

Here's a really cool w3c tool that makes my life easier:

http://jigsaw.w3.org/css-validator/

Cheers!
Laura