Weather by You!

Templates and Projects support => Html Templates => Topic started by: krmidas on February 16, 2013, 06:07:30 PM

Title: "Stuck" Header Button Highlight
Post by: krmidas on February 16, 2013, 06:07:30 PM

I'm having trouble figuring out why the "Now" header button at the top of my page always stays highlighted, no matter which topic you select. It does disappear if you click on "radar" or "about".

Any ideas? I've been comparing the HTML of the various pages, but I don't see an obvious thing causing it.

http://tomkeramidas.com/cumulus/index.htm (http://tomkeramidas.com/cumulus/index.htm)

-Tom

Title: Re: "Stuck" Header Button Highlight
Post by: avoorpool on February 16, 2013, 07:05:23 PM

Hey Tom,

You have to change the but but_t settings for each page:

Currently for the [TODAY] button you have:
<a href="index.htm" class="but but_t"  title="Main page">Now</a>
<a href="today.htm" class="but" title="Today's observations">Today</a>

Change it for the displayed page in but but_t and only but for the non displayed pages.....

Cheers,

Arthur

Title: Re: "Stuck" Header Button Highlight
Post by: Mr.Meteo on February 16, 2013, 07:08:48 PM

Hi Tom,

You have probably copied your menu from page to page.
Then button is stuck on which is your copy source.

To solve, see:

<div id="buttons">
   <a href="index.htm" class="but but_t"  title="Main page">Now</a>
   <a href="today.htm" class="but" title="Today's observations">Today</a>
   <a href="yesterday.htm"  class="but" title="Yesterday's observations">Yesterday
   ...
</div>

You see the "but_t" that is the "focus" trick.. move it for all pages

Regards,
Jacques

Title: Re: "Stuck" Header Button Highlight
Post by: krmidas on February 16, 2013, 07:31:59 PM

Makes sense. Thanks.