...

View Full Version : menu links stay blue in Mozilla, not in IE



bufhal
09-27-2006, 02:09 PM
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;
}
-->

VIPStephan
09-27-2006, 02:31 PM
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 comes last in the source code.

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



.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"]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.

bufhal
09-27-2006, 07:53 PM
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...

VIPStephan
09-27-2006, 08:11 PM
What about this style in your internal stylesheet:


.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?

bufhal
09-27-2006, 08:26 PM
I commented that line out completly the other day and it did nothing. Can I change that line to:
a:visited {color:blue;
}

bufhal
09-27-2006, 08:30 PM
:thumbsup:
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..

bufhal
09-27-2006, 08:37 PM
all set, answered my own question. All set. Thank you for all your help!:thumbsup:

VIPStephan
09-27-2006, 08:41 PM
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:


.ddmx .item2:visited {color: #50788F;}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum