The Joomla! Forum ™

When you click on one of the links in the top menu the background of that button does not change to the active graphic. The following is the code that is generated for my page when I click on my "Path to Graduation" button:

<div id="tabmenu">
<table cellpadding="0" cellspacing="0" class="pill">
<tr>
<td class="pill_l">&nbsp;</td>
<td class="pill_m">
<div id="pillmenu">
<ul class="menu-nav">
<li class="item18"><a href="http://smog.edmonds.wednet.edu/moodle"><span>Moodle</span></a></li>
<li class="item53"><a href="/cte/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=5&amp;Itemid=53"><span>Fields of Study</span></a></li>
<li id="current" class="active item28"><a href="/cte/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=4&amp;Itemid=28"><span>Path to Graduation</span></a></li>
<li class="item29"><a href="/cte/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=6&amp;Itemid=29"><span>Career Center</span></a></li>
<li class="item30"><a href="/cte/index.php?option=com_wrapper&amp;view=wrapper&amp;Itemid=30"><span>Student Jobs</span></a></li>
</ul>
</div>
</td>
<td class="pill_r">&nbsp;</td>
</tr>
</table>
</div>

I believe it is suppose to have menu-nav as the class name for more than just the ul tag. I cannot find the file to change to make that happen.

Any suggestions?

Lance

I figured it out myself. I noticed that there was an id=current attribute of the li tag next to the active link. I used that name in the css files instead of active_menu-nav.

I had to change the template.css around line 280

from
#pillmenu a#active_menu-nav {
margin-top:2px;
height: 21px;
line-height: 21px;
background-position: 0 0;
}

to
#pillmenu li#current a{
margin-top:0px;
height: 24px;
line-height: 24px;
background-position: 0 0;
}

I changed the white.css (color I am using)

from
#pillmenu a#active_menu-nav {
background: url(../images/white/mw_menu_active_bg.png) 0 0 repeat-x;
color: #fff;
}

#pillmenu a#active_menu-nav:hover {
color: #fff;
}

to
#pillmenu li#current a{
background: url(../images/white/mw_menu_active_bg.png) 0 0 repeat-x;
color: #fff;
}

#pillmenu li#current:hover a{
color: #fff;
}

FOUND FIX

you must have the mod_mainmenu in the user3 position set to

menu style = 'Legacy - Flatlist' (not sure if that's the only one that works, but 'List' was the one messing it up for me
AND
menu class suffix = '-nav'

Now it work like a charm

I wonder how much other stuff I 'broke' trying to learn.

HI ALL ....
Now a days i am not having good luck as getting so many bugs with joomla.Its from the day when i planned to install joomla on go daddy.
Actually now i am getting the problem in the hyper linking of the top menu items in the RukhMilky Template.
Actually this is very strange thing that i have ever seen.
The first 2 items of the top menu in my site is not showing the hyperlink when i take mouse-over.
but after wondering i came to know linking is there but its shown only when i take my mouse at the bottom of the 2 menus.Its very bad as somebody coming at my site and looking where the link is.
so if somebody know the solution to this problem.please let me know

Nice one groesbeckl, i have been struggling with that for quite a while. Thats the problem when you use someone elses template. I all balances out at the end of the day i suppose ...

Hello,
I had the same problem. Your solution is just perfect !

Thank's a lot !

Cheers