Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Apr 2004
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts

    menu links stay blue in Mozilla, not in IE

    Hello;
    I hope someone can help me. Our top menu at
    attotech.com is a "MyGosto" menu that incorporates three CSS files. It
    works perfectly in Mozilla-(when a link in the top menu is clicked, when you return to the page, the link remains blue).
    However, in IE, all visited links turn red. The problem I am having is finding where in our 3 css files to identify the issue.

    Can someone please help me identify where I can "turn off" the visited red item in our css menu?

    Please let me know the best way to resolve this issue.I appreciate any guidance. Thank you in advance for any help...


    I have attached the 3 css as a text files. Here is the menu HTML code for the menu:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link href="/default.css" rel="stylesheet" type="text/css">
    <LINK REL=stylesheet HREF="/atto.css" TYPE="text/css">
    <style type="text/css">
    body {
    font: 12px tahoma;
    background: #ffffff;
    margin: 0;
    padding: 5px;
    background-color: #9e968e;
    margin-left: 0px;
    margin-top: 0px;
    }
    </style>
    <link rel="stylesheet" type="text/css" href="/example1.css"/>
    <script type="text/javascript" src="/ie5.js"></script>
    <script type="text/javascript" src="/DropDownMenuX.js"></script>
    <style type="text/css">


    <!--
    .style1 {
    font-size: 12px;
    color: #FFFFFF;
    }
    .style3 {font-size: 10px}
    a:link {
    color: #000000;
    text-decoration: none;
    }
    a {
    font-size: 10px;
    font-family: Arial;
    }
    .style9 {font-size: 9px}
    .style10 {
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    }
    .style11 {font-family: Arial; font-size: 10px; }
    body,td,th {
    font-family: Arial;
    font-size: 10px;
    }

    a:hover {
    text-decoration: none;
    color: #000000;
    }
    a:active {
    text-decoration: none;
    }
    .style12 {font-size: 11px}
    .style13 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    }
    .style14 {font-family: Arial}
    .style16 {font-family: Arial, Helvetica, sans-serif}
    .style18 {font-weight: bold; font-family: Arial;}
    .style20 {font-size: 2px}
    a:visited {color: #DD0524;
    }
    -->
    Attached Files Attached Files

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    When searching for an error you have to work from bottom to top... The styles that are loaded last will overwrite same styles that have been applied before. So when you search for the error you have to seach inline styles at first, then an internal stylesheet (styles between <style></style> tags in the HTML) and then the external stylesheets beginning with the one whose link [COLOR="DimGray"]comes last in the source code.

    If you are looking at this line in the atto stylesheet:

    Code:
    .line {
    	COLOR: #0000FF; FONT-FAMILY: arial, helvetica, verdana, sans-serif; FONT-SIZE: 12px}
    A:hover{color:blue;text-decoration:underline; FONT-SIZE: 12px;}
    
    A:link{
    	color:red; FONT-SIZE: 12px;
    }
    A.product:link{color:red; FONT-SIZE: 10px;}
    A.product:visited {color:red; FONT-SIZE: 10px;}
    A.product:hover{color:red;text-decoration:underline
    it reveals that you are making all links red by default.
    However, without knowing which links you are having problems with (as there are obviously many different links with different settings) I can't tell you for sure whether changing this will fix it. You always have to show CSS together with the HTML you are applying it to. Otherwise it's useless.

  • #3
    New Coder
    Join Date
    Apr 2004
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thank you

    Thanks for your help. I changed all "red" to "blue" in the atto.css style sheet. The links are still red after clicking them and returning to the page. The top menu at:
    http://www.attotech.com
    is the culprit.

    Any other ideas? I appreciate any help/direction.
    Thank you, VIPStephan...

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    What about this style in your internal stylesheet:
    Code:
    .style18 {font-weight: bold; font-family: Arial;}
    .style20 {font-size: 2px}
    a:visited {color: #DD0524;
    }
    -->
    It's rendered last so it's overwriting everything from before. Might that be the issue?

  • #5
    New Coder
    Join Date
    Apr 2004
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I commented that line out completly the other day and it did nothing. Can I change that line to:
    a:visited {color:blue;
    }

  • #6
    New Coder
    Join Date
    Apr 2004
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts

    that worked to change the visited to blue, what can I do to keep the links the same as before they are clicked?
    I appreciate your help..

  • #7
    New Coder
    Join Date
    Apr 2004
    Posts
    58
    Thanks
    0
    Thanked 0 Times in 0 Posts
    all set, answered my own question. All set. Thank you for all your help!

  • #8
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,662
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Usually you don't need to set the :visited pseudo class unless you specifically want something different than on default links. HOwever, I guess it's something in your stylesheets that is causing it to look different.

    To make it look like an unclicked link you just need to use the color of your links: #50788F.
    However, this might change the color of all links then. Try removing that rule and put this instead:
    Code:
    .ddmx .item2:visited {color: #50788F;}


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •