Forum Moderators: not2easy
I have a table that looks like this:
<table border="0" cellspacing="0" cellpading="4" width="100%" style="border-collapse:collapse;">
<tr>
<td style="border-bottom: 1px solid #666666;"><p><img src="../images/isi-txt-feat.gif" alt="features"><br>
yadda yadda yadda</p></td>
<td valign="top" class="66greyborder"><img src="../images/mainimg-ca.gif" width="202" height="173" alt="Canada"></td>
<td width="135" valign="top" height="150" class="66greyborder"><p>yadda yadda yadda </p></td>
</tr>
</table>
Please ignore the current use of inline styles - I'm dealing with that - but here's the issue. three cells right.. the first has an underline, the next two have boxes around them that are all 1px solid #666666; right? works in opera, works in ie, can't get the class"66greyborder" to show it's face in NS/Moz/FB
If I put the style INLINE .. <td style="border: 1px solid #666666;"> it works a treat... as soon as I put the style in a style sheet <td class="66greyborder"> it stops working in the geckos. What is wrong?! here's my relevant style sheet entry:
.66greyborder {
border: 1px solid #666666;
font-size: 11px;
}
I know the answer is obvious and it's just something sitting in a blind spot.. but it's driving me nuts! Any advice or assistance would be very much appreciated in this matter.
thanks!
Lana
I know the answer is obvious and it's just something sitting in a blind spot
Yes, it is :) Don't begin a class name (or ID for that matter) with a digit :)
[w3.org...]
identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher, plus the hyphen (-); they cannot start with a hyphen or a digit.
it works fine now.. I should have known! Right then... I think I'll spend the rest of my workday taking the digits out of that particular style.. (enable global search and destroy.. )
Thanks for that!
:-)
