Skip navigation
espi62
Currently Being Moderated

Visited link colors shows on navigational buttons and icon despite not visited

May 21, 2012 7:13 PM

Tags: #cs5 #color #dreamweaver #link #error_navigational

Hello!  I (newbie) have problems in my very first website.  Some of my navigational buttons at my footer section and the icon on the lower left shows the visited link color green despite I haven't visited any of the link.  There are times these colors are all blue (unvisited links).  My URL is http://www.jespir.com. Please help and thank you in advance.

 
Replies
  • Currently Being Moderated
    May 21, 2012 7:31 PM   in reply to espi62

    Seems to be working as expected here.

     

    Try clearing your browser history or test the page with a different browser.

     
    |
    Mark as:
  • Currently Being Moderated
    May 22, 2012 11:32 AM   in reply to espi62

    To clear default borders from all linked images, use the following rule in your CSS:

     

    a img {border:none}

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
  • Currently Being Moderated
    May 22, 2012 11:43 AM   in reply to espi62

    espi62 wrote:

     

    I have the same CSS coding.

     

    Not that I can see. As Nancy has said, add a img{border:none} to your CSS and issue will go away. Some browsers "hide" the issue but it is still there.

     
    |
    Mark as:
  • Currently Being Moderated
    May 22, 2012 11:53 AM   in reply to espi62

    I have the same CSS coding. 

    Nowhere that I can see.

     

    Open global.css file.  Change this:

     

    a:link {

        color: #00F;

    }

    a:visited {

        color: #0C0;

    }

    a:hover {

        color: #FF0;

    }

    a:active {

        color: #CAE0EC;

    }

     

    to this:

     

    a img {border:none}

    a {text-decoration:none}

    a:link {color: #00F;}

    a:visited {color: #0C0;}

    a:hover {color: #FF0;}

    a:active, a:focus {color: #CAE0EC;}

     

     

    Remove this from your embedded CSS code. You don't need it.

     

    a:link {
    text-decoration: none;

    }

    a:visited {

    text-decoration: none;

    }

    a:hover {

    text-decoration: none;

    }

    a:active {

    text-decoration: none;

    }

     

    Save both documents and upload to server.

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points