My horizontal navigation menu performs as expected in Firefox but fails in IE6. > http://www.alamoceliac.org/home.html
Hi Lynn
Your original #navbar displayed nice on a first load with cleared cache, but the styles (padding, float, text-decoration) are not applied on a reload.
Looking at your code:
#navbar li a:link { border-right: 1px solid rgb(255, 255, 255); padding: 5px; float: right; width: 9em; color: rgb(255, 255, 255); text-decoration: none; }
#navbar li a:visited { color: rgb(190, 190, 190); }Browsers do not apply the a:link properties when the link is visited. And the special situation in IE is like Holly said : "All your links have an href attribute of "#" which tells IE that they are all on the same page. Therefore, when the page is refreshed, all of them have been visited."(http://archivist.incutio.com/viewlist/css-discuss/54578).
Try a real href to an existing file, and click on that link, and the nav will fail in Firefox and Opera too when the page is reloaded.
So it's not a browser bug, the specs say:
"The :link pseudo-class applies for links that have not yet been visited. The :visited pseudo-class applies once the link has been visited by the user. ... The two states are mutually exclusive" (http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes)
But you want all links to be floated, without a text decoration and so on, not only links that have not been visited:
#navbar li a { border-right: 1px solid rgb(255, 255, 255); padding: 5px; float: right; width: 9em; color: rgb(255, 255, 255); text-decoration: none; }
This will be more general and fix the problems.
Ingo
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
