Difficult to see what's wrong, without seeing the code
Ok below is the code. I finally figured out that the order of the CSS
classes mattered, but why should that be so? Try switching the CSS classes
tgroupsblack and tcat, then see how the output html completely changes. One
with white link font, and the other with black link font as it's supposed to
be.
Why is this happening? Is this normal behavior of CSS?
CODE:
<HTML>
<HEAD>
<style type="text/css">
<!--
..tgroupsblack
{
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica,
sans-serif;
}
..tgroupsblack a:link
{
color: #000000;
text-decoration: none;
font: bold 10pt;
}
..tgroupsblack a:visited
{
color: #000000;
font: bold 10pt;
text-decoration: none;
}
..tgroupsblack a:hover, .tgroupsblack a:active
{
color: #000000;
text-decoration: underline;
}
..tcat
{
background: #9999FF;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica,
sans-serif;
}
..tcat a:link
{
color: #FFFFFF;
text-decoration: none;
}
..tcat a:visited
{
color: #FFFFFF;
text-decoration: none;
}
..tcat a:hover, .tcat a:active
{
color: #FFFF66;
text-decoration: underline;
}
-->
</style>
</HEAD>
<BODY>
<table cellpadding="6" cellspacing="1" border="0" width="100%">
<tbody>
<tr align="center">
<td class="tcat" align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FFFFFF" colspan="2">
<div align="right" class="tgroupsblack"><a href="link">Link
that doesnt show up</a>sdf</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>