CSS Not working [Resolved]

Printable View

Jun 15th, 2005, 02:32 PM
RobDog888

CSS Not working [Resolved]

This is really simple and working in my footer table but I dont see whats missing for the body of the table.

I have this CSS for the anchors but the underline and color change are not changing.

Code:

body { background-color: #333333; color: #FFFFFF; font-family: verdana, helvetica, arial; font-size: small; } td .bodytd a:hover { font-family: verdana, helvetica, arial; font-size: x-small; color: #AEACAC; text-decoration: underline; } td .bodytd a:link, td .bodytd a:visited, td .bodytd a:active { font-family: verdana, helvetica, arial; font-size: x-small; color=#FFFFFF; text-decoration: none; } '... <BODY> <TABLE> <TR> <TD CLASS="bodytd">blah, <a href="About:Blank">blah</a>, blah...

Thanks
Jun 15th, 2005, 02:34 PM
techgnome

Re: CSS Not working

try this:

Code:

.bodytd a:hover { font-family: verdana, helvetica, arial; font-size: x-small; color: #AEACAC; text-decoration: underline; } .bodytd a:link, .bodytd a:visited, .bodytd a:active { font-family: verdana, helvetica, arial; font-size: x-small; color=#FFFFFF; text-decoration: none; }

Other wise it tries to apply .bodytd inside of TD tag, rather than for them... did that make sense?

Tg
Jun 15th, 2005, 02:40 PM
RobDog888

Re: CSS Not working

I had found some code from a search that suggested what I posted was the correct way. It worked for my footer CSS.
Still no dice. :(

This is what I did for my footer.

Code:

td .copyright { font-size: xx-small; font-family: verdana, helvetica, arial; color=#AEACAC; } td .copyright a:link, td .copyright a:visited, td .copyright a:active { font-size: xx-small; font-family: verdana, helvetica, arial; color=#AEACAC; text-decoration: none; } td .copyright a:hover { font-family: verdana, helvetica, arial; font-size: xx-small; color=#FFFFFF; text-decoration: underline; } '... <TD CLASS="copyright" ALIGN="CENTER" COLSPAN="4" WIDTH="100%">
Jun 15th, 2005, 02:46 PM
RobDog888

Re: CSS Not working

Doh! Got it. It was the order that the CSS' were created in? I changed it to this and it works now.

Code:

.bodytd { font-family: verdana, helvetica, arial; font-size: x-small; color=#FFFFFF; } .bodytd a:link, .bodytd a:visited, .bodytd a:active { font-family: verdana, helvetica, arial; font-size: x-small; color=#FFFFFF; text-decoration: none; } .bodytd a:hover { font-family: verdana, helvetica, arial; font-size: x-small; color: #AEACAC; text-decoration: underline; }

I dont do allot of sites. I still dont understand why?

Thanks TG :)
Jun 16th, 2005, 01:29 AM
mendhak

Re: CSS Not working [Resolved]

Order matters because of the 'order' in which hovers, visited, active and normal link are rendered.

Second,

td .bodytd seems wrong, because that implies an element of class bodytd inside a <td>
Jun 16th, 2005, 01:33 AM
RobDog888

Re: CSS Not working [Resolved]

Ok, Thanks. If I wanted a class for a TD but not for all TDs then wouldnt I do a

Code:

TD .bodytd a:link { font-family: verdana, helvetica, arial; font-size: x-small; color=#FFFFFF; text-decoration: none; }
Jun 16th, 2005, 03:44 AM
mendhak

Re: CSS Not working [Resolved]

td.bodytd
Jun 16th, 2005, 10:43 AM
RobDog888

Re: CSS Not working [Resolved]

Oh, now I think I get it.

Thanks