The Joomla! Forum ™






Post new topic Reply to topic  [ 7 posts ] 
Author Message
PostPosted: Fri Mar 28, 2008 10:39 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Mar 28, 2008 10:19 pm
Posts: 6
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


Top
 Profile  
 
PostPosted: Thu Apr 24, 2008 3:36 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Fri Mar 28, 2008 10:19 pm
Posts: 6
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;
}


Top
 Profile  
 
PostPosted: Sun Mar 01, 2009 4:29 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Sun Mar 01, 2009 4:22 pm
Posts: 5
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.


Top
 Profile  
 
PostPosted: Wed Mar 04, 2009 8:50 pm 
Joomla! Intern
Joomla! Intern

Joined: Wed Feb 18, 2009 12:26 am
Posts: 68
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

:'( :'( :'( :'( :'( :'( :'( :'( :'( :'( :'( :'( :'(


Top
 Profile  
 
PostPosted: Fri Aug 07, 2009 1:25 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Dec 18, 2008 12:09 pm
Posts: 6
groesbeckl wrote:
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;
}


Top
 Profile  
 
PostPosted: Fri Aug 07, 2009 1:26 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Dec 18, 2008 12:09 pm
Posts: 6
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 ...


Top
 Profile  
 
PostPosted: Mon Dec 12, 2011 11:45 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Mon Dec 12, 2011 11:41 pm
Posts: 2
biretam wrote:
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.


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

Thank's a lot !

Cheers


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 7 posts ] 



Who is online

Users browsing this forum: No registered users and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group