J
Jibba Jabba
Ok looks like I've encountered another CSS problem, where I can't seem to
override a previous CSS class.
Look at the following source code. If the "tcat" class is taken off the
<td> tag, then the "usrimg" class will work. Why can't class "usrimg"
override the "tcat" class?
<HTML><HEAD>
<style type="text/css">
<!--
..usrimg
{
}
..usrimg a:link
{
color: #0066CC;
font: bold;
}
..usrimg a:visited
{
color: #0066CC;
font: bold;
}
..usrimg a:hover, a:active
{
color: #FF0000;
font: bold;
}
..tcat
{
}
..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>
<body>
<table cellpadding="6" cellspacing="1" border="0" width="800">
<tr align="center">
<td class="tcat" align="left">
<div class="usrimg"><a href="df">dfsdf</a></div>
</td>
</tr>
</table>
</body>
</html>
override a previous CSS class.
Look at the following source code. If the "tcat" class is taken off the
<td> tag, then the "usrimg" class will work. Why can't class "usrimg"
override the "tcat" class?
<HTML><HEAD>
<style type="text/css">
<!--
..usrimg
{
}
..usrimg a:link
{
color: #0066CC;
font: bold;
}
..usrimg a:visited
{
color: #0066CC;
font: bold;
}
..usrimg a:hover, a:active
{
color: #FF0000;
font: bold;
}
..tcat
{
}
..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>
<body>
<table cellpadding="6" cellspacing="1" border="0" width="800">
<tr align="center">
<td class="tcat" align="left">
<div class="usrimg"><a href="df">dfsdf</a></div>
</td>
</tr>
</table>
</body>
</html>