Skip navigation
espi62
espi62 Calculating status...
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.

678 Views   7 Replies   Latest reply: espi62, May 22, 2012 12:02 PM
 
Replies
  • John Waller
    Currently Being Moderated
    1. John Waller,
    May 21, 2012 7:31 PM   in reply to espi62
    Report

    Seems to be working as expected here.

     

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

     
    |
    Mark as:
  • espi62
    Currently Being Moderated
    2. espi62,
    May 22, 2012 11:24 AM   in reply to John Waller
    Report

    John, you are absolutely correct.  It work on all browser except on IE9.  The icon (piggy with hammer above) on lower left shows a blue (unvisited link) border color despite no color border was assigned.  Please advise.  Thank you. 

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    May 22, 2012 11:32 AM   in reply to espi62
    Report

    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:
  • espi62
    Currently Being Moderated
    4. espi62,
    May 22, 2012 11:37 AM   in reply to Nancy O.
    Report

    Hey Nancy, thanks for your response.

    I have the same CSS coding.  As mentioned, the blue border only shows in IE9.  Other browser such as Firefox, Safari, Chrome, the border does not exists.  Any idea

    how to correct this in IE9?

     
    |
    Mark as:
  • Rik Ramsay
    Currently Being Moderated
    5. Rik Ramsay,
    May 22, 2012 11:43 AM   in reply to espi62
    Report

    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:
  • Nancy O.
    Currently Being Moderated
    6. Nancy O.,
    May 22, 2012 11:53 AM   in reply to espi62
    Report

    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:
  • espi62
    Currently Being Moderated
    7. espi62,
    May 22, 2012 12:02 PM   in reply to Nancy O.
    Report

    Nancy, You very correct.  My apologies for not following your first advice.  Rik, thanks for bringing up again to my attention.  You guys are GREAT!!!

     
    |
    Mark as:
Actions

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