Sent by Zoe M. Gillenwater on 11 August 2006 21:09
Matthew Stoneback wrote:
> Problem -
>
> I would like my main navigation to be yellow on each page as it is pulled up
> by the browser. I currently am using an external style sheet with this rule
> included in it:
>
> #mainnav a:hover, #navigation #home a {
> color: #000000;
> padding-bottom: 5px;
> border-color: #000000;
> background: #cccccc url(../images/yellow_main_nav.gif) repeat-x
> top left;
> }
>
> This works for making all of the #mainav to have a "hover / image swap"
> effect, but only leaves the "home tab" highlighted on each page instead of
> switching as each page is pulled from the server. I know I can put a CSS
> rule in each individual HTML file to have the correct "button" yellow per
> page, but I was wondering if there was a way to do this effect from an
> external style sheet. I have been looking all over the web, and found some
> diagrams on how to do this, but none are completed by using just CSS. Am I
> missing something?
>
> Here is the URL: http://www.eddysound.com/tams/index.htm
>
> Go from the home page to each of the other pages and you will see that
> "Home" stays yellow on each page instead of switching to the proper tab.
>
Matthew,
Actually, I see the opposite. Did you fix it? If so, will you let us
know how?
Thanks,
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
