Home/ Questions/Q 3274912
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T19:05:20+00:00

the following code for highlighting current page works fine in FF but no luck

  • 0

the following code for highlighting current page works fine in FF but no luck with IE.

Is there an known hack? I’ve googled a bit but couldn’t find anything.

.navigation a:link {color: #FFFF00; text-decoration:none;}
.navigation a:visited {color:#000000; text-decoration:none}
.navigation a:hover {color:#c1753e; text-decoration:none}  
.navigation a:active {color:#000000; text-decoration:none;} 

body#homepage a#home,
body#gallery a#gallery,
body#biography a#biography,
body#exhibitions a#exhibitions,
body#contact #acontact
{
color: #000000;
}

corresponding HTML:

<body id="homepage">

        <ul>
        <li><a href="index.html" id="home">Home</a></li>
        <li><a href="gallery.html" id="gallery">Gallery</a></li>
        <li><a href="biography.html" id="biography">About the artist</a></li>
        <li><a href="exhibitions.html" id="exhibitions">Exhibitions</a></li>
        <li><a href="contact.html" id="contact">Contact</a></li>
        </ul>

...
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are several problems:

    1. You can’t have two elements with the same id in a document, so most of your selectors will never match anything in a valid HTML document (and invalid documents invite error recovery in different ways by different browsers)
    2. The current link and all :visited links are black, so how would you tell the difference?
    3. #acontact should be a#contact (except for the duplicate ID issue mentioned above)
    • 0