a:visited Ś a:visited:hover -- buggy behavior with frames!

Forum Moderators: not2easy

Message Too Old, No Replies

a:visited Ś a:visited:hover -- buggy behavior with frames!

Netscape and IE each have their foibles...

hornplayinpianist

7:36 am on Jul 28, 2004 (gmt 0)

I am trying to get the buggy links to behave - here is the css style in the <head> of a HTML page which is loaded into a <frame> (name="sidebar") within a <frameset>:
a:link {color: #ffff00;}
a:link:hover {color: #00ff00;}
a:active {color: #00ff00;}
a:visited {color: #cccccc;}
a:visited:hover {color: #ffffff;}

Here is a link in the 'sidebar' frame:
<a href="about_us.htm" target="content">
About Us
</a>
It loads the 'about_us' page in the main content frame very nicely...

However, in Netscape 7.1, I notice that after I click the link, the only way to get the browser to recognize that the link has been visited is to reload the 'sidebar' frame (or the entire site). Is there a method to overcome this problem (and still use frames)?

Also, in MSIE 6, I see that the a:link:hover color does not work. Instead, the links always turn the a:visited:hover color when hovered upon. hmmmmm
<sputter>#@!~^*</sputter>

Any ideas are most welcome!

Jumper Willow

8:00 am on Jul 28, 2004 (gmt 0)

nitpick:

I'm not sure you can use css that's
a:first:second

I've just seen your first a:link:hover as just a:hover. That might be the same with the visited:hover thing. About the frames thing, I'm not sure.

Change the a:link:hover and ditch the a:visited:hover and see what happens...

BTW, I've never thought of a visited:hover state, I've only known normal, hover, mousedown, and visited, the visited:hover is interesting too.

Hester

8:55 am on Jul 28, 2004 (gmt 0)

It's correct CSS. Superior browsers like Opera and Mozilla can show a different hover colour for visited links and normal links. IE shows one or the other - I don't think it's possible to style both hover states in that browser.

Here's the code I use based on a website showing the best way to code links to work for all browsers:


:link, :visited {text-decoration:underline;}
:link:focus, :visited:focus {color:#77c;}
:link {color:#33c;}
:visited {color:#900;}
:visited:hover {color:#d04;}
:link:hover {color:#77c;}
:link:active, :visited:active {color:#900;}

Note the missing "a" to avoid styling anchors.

hornplayinpianist

8:32 am on Jul 29, 2004 (gmt 0)

Hey you nice people!

Thanks for the suggestions - I am learning again!
I will try this and let ya know how it all worked out.
And THEN... I'll post my next big "duhhhh, I don' no nada 'bout 'dis here Cascadin Cecil Stuff..." :-)

hornplayinpianist

4:11 pm on Jul 29, 2004 (gmt 0)

Well... the above suggestions don't do the trick on a frame site - now I'm trying to figure out how to make 'fixed' position elements behave in MSIE

I guess it's just a matter of accepting the fact that the big two browsers just aren't up to the task, yet...

Thank you very much, nevertheless!