CSS Not working [Resolved]

**RobDog888** · Jun 15th, 2005, 02:32 PM

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

**techgnome** · Jun 15th, 2005, 02:34 PM

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

**RobDog888** · Jun 15th, 2005, 02:40 PM

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%">

**RobDog888** · Jun 15th, 2005, 02:46 PM

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

**mendhak** · Jun 16th, 2005, 01:29 AM

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>

**RobDog888** · Jun 16th, 2005, 01:33 AM

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;
    }

**mendhak** · Jun 16th, 2005, 03:44 AM

td.bodytd

**RobDog888** · Jun 16th, 2005, 10:43 AM

Oh, now I think I get it.

Thanks

Thread: CSS Not working [Resolved]

Thread Tools

Display

CSS Not working [Resolved]

Re: CSS Not working

Re: CSS Not working

Re: CSS Not working

Re: CSS Not working [Resolved]

Re: CSS Not working [Resolved]

Re: CSS Not working [Resolved]

Re: CSS Not working [Resolved]

Posting Permissions