4 Replies Latest reply on Apr 28, 2010 9:06 AM by LouisaBoyles

    Am getting visited links shown as "on" state, when I don't want (IE6)

    LouisaBoyles

      Hi there,

       

      I am a bit confused as to why I my Top nav bar links show up as there on state colour once they have been visited. This only seems to be happening in Ie 6. This is not what I want.

       

      any suggestions?

       

      Link is below,

       

      http://www.denotestationery.com/denote_localroot1/denotecontact.html

       

      Thanks in advance.

        • 1. Re: Am getting visited links shown as "on" state, when I don't want (IE6)
          martcol Level 4

          I have had a quick look at your page (whick looks nice BTW).

           

          I can't see why your problem is occuring at the moment and have to go to work soon.

           

          However, you are writing your links out like this  think.

           

          <li class = "custom"><a href="denotecustom.html">CUSTOM</a></li>

           

          and I think you might like to remove those spaces:

           

          <li class="custom"><a href="denotecustom.html">CUSTOM</a></li>

           

           

          That's all I can think of for now and as I say, it might not make a bit of difference!

           

          Martin

          • 2. Re: Am getting visited links shown as "on" state, when I don't want (IE6)
            LouisaBoyles Level 1

            Thanks for your reply Martin.

             

            I tried your suggestion, but it still seems to be happening.

             

            Im not sure why.

             

            Does anyone else have  an idea?

             

            Thanks in advance.

            • 3. Re: Am getting visited links shown as "on" state, when I don't want (IE6)
              John Waller Adobe Community Professional & MVP

              What colour do you want the visited links in your topnav to be?

               

              In your CSS, you have only defined the colour of the <a> tag

               

              #home li.home a,
              #about li.about a,
              #contact li.contact a,
              #faq li.faq a,
              #happy li.happy a,
              #friends li.friends a,
              #press li.press a
              {
              color:#887F50;
              }

               

              When visited, they adopt the generic a:visited rule

               

              a:visited {color: #887F50;text-decoration:none;}  /* visited link */

               

              To set a different colour for visited links in the topnav, create a new rule

               

              #home li.home a:visited,
              #about li.about a:visited,
              #contact li.contact a:visited,
              #faq li.faq a:visited,
              #happy li.happy a:visited,
              #friends li.friends a:visited,
              #press li.press a:visited
              {
              color:#NewColor;
              }

               

              You could simplify the entire topnav links by eliminating all of the above and using:

               

              #topnav ul li a:link {

                   color: #887F50;

              }

              #topnav ul li a:visited {

                   color: #NewColor;

              }

              • 4. Re: Am getting visited links shown as "on" state, when I don't want (IE6)
                LouisaBoyles Level 1

                Thanks for your reply John,

                 

                the off state I want the to be the dark grey (#333333) and rollover state & on state (when you are on that specific page, so only one link can permanently be that colour at at time) to be the Gold green colour (color:#887F50)

                 

                its working perfectly fine in all other browsers apart from IE6.

                 

                I added your suggestion

                 

                #home li.home a:visited,
                #about li.about a:visited,
                #contact li.contact a:visited,
                #faq li.faq a:visited,
                #happy li.happy a:visited,
                #friends li.friends a:visited,
                #press li.press a:visited
                {
                color:#NewColor;
                }

                 

                 

                But this does not seem to be working either?

                Thing is that I don't have versions of IE I can test to I have to reply on screenshot sites which don't enable me to rollover the links.