Discussion on:

An alternate technique for You Are Here button styling

In order to retain separation of style sheets from the code of the webpage, wouldn't another alternative be to have a link reference in the head of the document and simply have different style sheets for each "you are here" focus. If the webpage "you are here" is page 2 you have a style sheet designed to highlight page 2 links and not highlight others in the navigation bar. Page 3 would have a page 3 style sheet, etc. That way if you want to update the link style you can just alter the style sheet instead of each webpage. I believe you can have links to more than one style sheet in the head of the document so all other styles could go into a main style sheet and just the navigation styles in the button specific style sheets. Anybody see any problems with this technique?

That sounds like it would work. I wonder thought about big sites where responsibilities are distributed. Take my employer, CNET--we have so many different hands mixing in the pot, the ad folks have style sheets they need to use for the ad calls, the production folks have stuff they need for surveys and such, etc. It just would not be possible to ensure all those different style sheets interact properly in all situations, would it?

Can I incorporate an image to replace the you are here button? I have tried replacing the individual page markup:

of div#menu li#page2 a {color: #000099;}

with div#menu li#page2 a {background-image:url(etc);}

and of course its not going to be that easy is it?! any ideas would be great
thanks Anna