Joseph Lorenzini wrote: > I am working on a web design that has three different columns of navigation > that are persistent throughout the site. I would like to find a way to have > the link of the page you are on be highlighted while the rest are grayed out. > For example, say I had a main nav of "About US" which led to a secondary nav > of "Faculty" which in turn led to a third navigation called "Professor". How > would I make it so about us, faculty and professor are all high lighted but > the rest of it stays grayed out? Also, keep in mind that I am working with > templates for all of this. >
Joe, The best way to do this is to use server-side scripting to remove the link from the page you are currently on and dynamically add classes or ids that you can then hook into with CSS. Christian Heilman has a great PHP script that does this: http://onlinetools.org/tools/easynav/ (I need a ColdFusion version!) If you can't use a server-side language, you can do the highlighting at least with CSS: http://www.hicksdesign.co.uk/journal/highlighting-current-page-with-css http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/ Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
