1 Reply Latest reply on Apr 26, 2006 8:13 PM by

    CSS link styles

      I have created a css link style that names links on the main part of the page "main" and the navigation links at the bottom of the page "bottom." I am using a template and have set the class names on the template. I have also set a link style to not underline the "bottom" links.

      Here's the problem...the css style to NOT underline the bottom links works on all the pages on my website. BUT the css style to change colors (link, visited, hover, active) does not work.

      I also noticed that before I created the css style, and I just used Page Properties to name colors for links, visited links and active links...the bottom navigation links did not change color when visited or active as they are supposed to...but the main links did change colors as they were supposed to. Maybe this is relates to the above problem? The website is http://vintagemorgans.com.



      that links on my main page and navigation links at the bottom of the page
        • 1. Re: CSS link styles
          Here's the code on the css style above.
          .bottom {
          color: #f1e1c8;
          text-decoration: none;
          }
          .main a:link {
          color: #002200;
          }
          .main a:visited {
          color: #663300;
          }
          .main a:hover {
          color: #002200;
          }
          .main a:active {
          color: #002200;
          }
          .bottom a:link {
          color: #f1e1c8;
          text-decoration: none;
          }
          .bottom a:visited {
          color: #999966;
          text-decoration: none;
          }
          .bottom a:hover {
          color: #f1e1c8;
          text-decoration: none;
          }
          .bottom a:active {
          color: #f1e1c8;
          text-decoration: none;
          }