4 Replies Latest reply on Mar 16, 2010 10:12 AM by iainmoran

    Very Basic CSS Menu Problem

    iainmoran

      Hi guys!

       

      I'm building a site with a very simple CSS navigation:

      http://www.carltonbuildingproducts.co.uk

       

      If you notice when you are on the homepage the "Home" link on the navigation is grey - my client also wants this to link back to the homepage, which at the moment, it does not.

       

      My problem, is that I want the link to be a different color (in this case grey), yet still be a link. I have tried adding the following to the "css/styles.css" file:

       

      .nav-on {
      color: #CCCCCC;
      text-decoration: none;
      }
      .nav-on a:link {
      color: #CCCCCC;
      text-decoration: none;
      }
      .nav-on a:visited {
      color: #CCCCCC;
      text-decoration: none;
      }
      .nav-on a:hover {
      color: #CCCCCC;
      text-decoration: none;
      }
      .nav-on a:active {
      color: #CCCCCC;
      text-decoration: none;
      }

       

      So when I open up the homepage is DW and set the "Home" link to "nav-on" in the Properties/Style box, nothing happens - it stays red!

       

      I'm sure this is probably obvious to most, but not to me and I'd really appreciate any suggestions please.

       

      Many thanks,

       

      Iain.