link colors not overriding?

[Jakeman]

Sorry I can't provide a URL to the actual page... it's a work in progress that I want to keep private. But here is the relevant code from the page source.


.alt2, .alt2Active
{
background: #D0B98D url(/forum/images/custom/bg_alt2.gif) repeat;
color: #000000;
}
.alt2 a:link, .alt2Active a:link
{
color: #003366;
text-decoration: underline;
}
.alt2 a:visited, .alt2Active a:visited
{
color: #003366;
text-decoration: underline;
}
.alt2 a:hover, .alt2 a:active, .alt2Active a:hover, .alt2Active a:active
{
color: #C60000;
text-decoration: underline;
}

.......

.thead
{
background: #424039 url(/forum/images/gradients/gradient_thead.gif) repeat-x top left;
color: #EEEEEE;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
color: #FFFF88;
text-decoration: underline;
}
.thead a:visited
{
color: #FFFF88;
text-decoration: underline;
}
.thead a:hover, .thead a:active
{
color: #EEEEEE;
text-decoration: underline;
}

.......

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="tcat" align="center" colspan="6"><div>Today's Events</div></td>
</tr>

<tr>
<td class="alt2" align="center" colspan="6">

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

<tr>

<td class="thead" align="left">

<div><img src="IMAGEPATH" class="inlineimg" alt="" border="0" /> <a href="URL"><strong>LINKED TEXT</strong></a></div>

</td>


thead is applied to a table cell within another cell that uses alt2. LINKED TEXT is showing the link color from alt2 instead of thead (from the parent page element instead of the nearer child).

Should not thead's link colors override alt2 in this code? I can't figure out why this isn't working... I want LINKED TEXT to use the link colors from thead.

[Princeton]

what color do you see as default? I have yellow. It's gray on hover.
what browser are you using? I'm using FireFox 1.0.6, IE6 XP

don't have a mac

[Jakeman]

what color do you see as default? I have yellow. It's gray on hover.
what browser are you using? I'm using FireFox 1.0.6, IE6 XP

don't have a mac

I see dark blue for LINKED TEXT.

FF, Safari, IE. Mac / PC.

[Princeton]

I see yellow on LINKED TEXT which is what it's suppose to be.
it may be something else -- take a closer look at your css (entire css)

IE 6, 5.5, 5.1, FF, OPERA

[Jakeman]

Here:

http://www.mscclan.com/storage/misc/test.html

Blue links.

[Princeton]

if you want to remove the blue color from link .... replace
<a href=#" title=""><span style="color:#661AFF; font-weight:bold;">Jakeman</span></a>
with
<a href="#" title=""><strong>Jakeman</strong></a>

what color do you want it to be?

CSS - Cascading Style Sheet

Some selectors will take precedence over others:
Examples:
if you have .alt2 and .thead - the one placed last on stylesheet will take precedence
if you use a .alt2 and td.thead - td.thead will take precedence regardless of placement in stylesheet
etc, etc
NOTE: inline style will take precedence over external style

I provided an image so you can see the links in different colors.

[Jakeman]

asdf

[Princeton]

LOL ... it looks black to me ... my previous post should help

[Jakeman]

So I need to create a new definition for "td.thead" that is a duplicate of "thead"? I have to specifically identify which tags can override the higher link colors?

[Princeton]

FIND:
.thead a:link
{
color: #FFFF88;
text-decoration: underline;
}
REPLACE WITH:
.thead a:link, td.thead a:link
{
color: #FFFF88;
text-decoration: underline;
}

[Jakeman]

Is there any way to change that definition without hacking the software?

I know of no way to do that within the CSS manager. That's why I mentioned a duplicate definition.

[Princeton]

Oh, sorry ... I include everything within the "Additional CSS Definitions" textarea and leave everything else blank

just add
td.thead a:link
{
color: #FFFF88;
text-decoration: underline;
}
to the "Additional CSS Definitions"