2 Replies Latest reply on Mar 31, 2010 6:44 AM by osgood_

    CSS - Multiple Link Colors

    MarkV84

      Hi,

       

      I was wondering if someone could help me out please? Im using Safari & Firefox on a Mac to preview my website. When I preview it my link styles in the navbar do not work but the same style works in the green boxes (I've checked and Im using the same style and code for both).

       

      I've had a look around at CSS tutorials but Im sure my code is correct. I would very be very grateful if someone could tell me why Safari/Firefox is not displaying my links properly. http://www.seemaidstone.co.uk/

       

      Here is my code:

       

      .styleone:link, a:visited {

      color: #FFF;

      text-decoration: none;

      }

      .styleone:hover, a:active {

      text-decoration: none;

      color: #000;

      }

      .styletwo:link, a:visited {

      color: #000;

      text-decoration: none;

      }

      .styletwo:hover, a:active {

      text-decoration: underline;

      color: #000;

      }

       

      Here is an example of my links: <a href="pages/bars-clubs.html" class="styleone">Pubs, Bars &amp; Clubs</a>

       

      Thanks