Solved

IE7 Visited links CSS

Posted on 2008-06-11
6
1,228 Views
Last Modified: 2013-12-08
All,

The css tags a:visited{color: #2a2a2a} used to work fine in IE6 but it seems to be broken in IE7.

How do I modify my CSS to make the browser remember visited links and show them in different color?

I have tried: a:link:visited, a:visited:link {color: #666666}, but it doesnt work as it supposed to.

Thanks,
0
Comment
Question by:niftyhawk
  • 2
6 Comments
 
LVL 65

Expert Comment

by:SheharyaarSaahil
ID: 21760687
a:visited{color: #2a2a2a} should work fine with IE7 too
just make sure that the styles are in order of

a:link
a:visited
a:hover

and there are no other styles which are over-riding or clashing with the a:visited one like a:link:visited or a:visited:link
0
 
LVL 9

Accepted Solution

by:
cool_sathish_333 earned 500 total points
ID: 21760705
Hello niftyhawk,
Just make a try of this one

replace >> a:visited{color: #2a2a2a} << 
with
>> a:visited {color: FFAD73;  font-family: arial, helvetica, sans-serif; text-decoration: none}  <<

-$athi$h...
<STYLE type="text/css">
 
body { font-family: arial, helvetica, sans-serif;  font-size: 10px;  }
 
td { font-family: arial, helvetica, sans-serif;  font-size: 10px; }
 
 
 
a:link {color: F76B08;  font-family: arial, helvetica, sans-serif; text-decoration: none}
 
a:visited {color: FFAD73;  font-family: arial, helvetica, sans-serif; text-decoration: none} 
 
a:active {color: #ffffff;  font-family: arial, helvetica, sans-serif; text-decoration: none} 
 
A:hover {text-decoration: none; color: #ffffff}
 
</STYLE>

Open in new window

0
 
LVL 1

Author Comment

by:niftyhawk
ID: 21761515
Your code works for links that are pointing to http locations.. like say <a href="http://www.google.com">Google</a>

But, if my links are pointing to JavaScript locations, say <a href="JavaScript:document.forms[0].textName.value='101';document.forms[0].submit();">Submit Form</a>
then it doesnt work once I visit the same page again.

All this code works in IE6, but something has changed in IE7. How can I fix this?

Thanks.
0
 
LVL 1

Author Comment

by:niftyhawk
ID: 21761656
0

Featured Post

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
Several part series to implement Internet Explorer 11 Enterprise Mode
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question