Advertisement
CSS link active state not working properly with SEO URLs
Moderator: General Support Moderators
Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
-
- Joomla! Apprentice
- Posts: 6
- Joined: Tue Apr 28, 2009 2:53 pm
CSS link active state not working properly with SEO URLs
I have a joomla 1.5 website running on a customized template:
http://foreclosureoptionsnetwork.com/joomla/
Thing is, the top menu (Home, Video, News Blog...) doesn't reflect the proper "active state" of the buttons whenever SEO friendly URLs are activated in the global configuration.
The active state of the button would have a white button and blue text, while the inactive state would have a blue button and white text.
Right now, the only ones that reflect the active state are HOME and NEWS BLOG, all the rest won't reflect the "active" version of the button.
Note that the HOME, VIDEO, LEARN MORE, FAQ, and CONTACT US are menu links that are in article layout, meaning they link to an article, while the NEWS BLOG is a blog layout menu link.
This only happens whenever the SEO friendly URLs are enabled, it works perfectly when the SEO friendly URLs are disabled.
Help anyone?
http://foreclosureoptionsnetwork.com/joomla/
Thing is, the top menu (Home, Video, News Blog...) doesn't reflect the proper "active state" of the buttons whenever SEO friendly URLs are activated in the global configuration.
The active state of the button would have a white button and blue text, while the inactive state would have a blue button and white text.
Right now, the only ones that reflect the active state are HOME and NEWS BLOG, all the rest won't reflect the "active" version of the button.
Note that the HOME, VIDEO, LEARN MORE, FAQ, and CONTACT US are menu links that are in article layout, meaning they link to an article, while the NEWS BLOG is a blog layout menu link.
This only happens whenever the SEO friendly URLs are enabled, it works perfectly when the SEO friendly URLs are disabled.
Help anyone?
Advertisement
- Bino87
- Joomla! Intern
- Posts: 58
- Joined: Fri Jul 25, 2008 10:16 am
- Location: italy
Re: CSS link active state not working properly with SEO URLs
I don't know if it solves your problem... however in Ja_purity template you have the same problem when enable cache...
try to disable mod_mainmenu cache:
Go to 'Tools>Module Manager' and select the 'Main Menu' module. Under 'Parameters>Advanced Parameters' select 'Caching>No Caching'.
found in this post: http://forum.joomla.org/viewtopic.php?f=541&t=378584
try to disable mod_mainmenu cache:
Go to 'Tools>Module Manager' and select the 'Main Menu' module. Under 'Parameters>Advanced Parameters' select 'Caching>No Caching'.
found in this post: http://forum.joomla.org/viewtopic.php?f=541&t=378584
-
- Joomla! Apprentice
- Posts: 6
- Joined: Tue Apr 28, 2009 2:53 pm
Re: CSS link active state not working properly with SEO URLs
Didn't work for me. I'm using joomla 1.5, so the way i got to modify that parameter was through extensions>module manager>top menu>advanced parameters >caching>no caching
Anyway, that didn't work for me. Thanks!
Anyway, that didn't work for me. Thanks!
-
- Joomla! Fledgling
- Posts: 2
- Joined: Sun May 10, 2009 8:51 pm
Re: CSS link active state not working properly with SEO URLs
we have the same problem with an installation at server4you and seo without mod_rewrite.
thanks for help,
daniel
thanks for help,
daniel
- Bino87
- Joomla! Intern
- Posts: 58
- Joined: Fri Jul 25, 2008 10:16 am
- Location: italy
Re: CSS link active state not working properly with SEO URLs
Dear xzero012
Today 10 may 2009 I visited your website and it seems that your menu works correctly.
Can you verify it? Have you done something special to solve it?
Dear dkl
try to disable the cache of the mod_mainmenu and erase all cache data!
can you post your website url?
Today 10 may 2009 I visited your website and it seems that your menu works correctly.
Can you verify it? Have you done something special to solve it?
Dear dkl
try to disable the cache of the mod_mainmenu and erase all cache data!
can you post your website url?
-
- Joomla! Apprentice
- Posts: 6
- Joined: Tue Apr 28, 2009 2:53 pm
Re: CSS link active state not working properly with SEO URLs
hi Bino87,
yes i have fixed it. it was a rather weird solution. by adding more buttons on the top menu, the buttons would go to the next line. Oddly enough, those buttons would have the active menu work. So what I did was re-add everything and then removing the old ones. That's all I did to make it work.
Thanks!
yes i have fixed it. it was a rather weird solution. by adding more buttons on the top menu, the buttons would go to the next line. Oddly enough, those buttons would have the active menu work. So what I did was re-add everything and then removing the old ones. That's all I did to make it work.
Thanks!
- Daniel Kling
- Joomla! Apprentice
- Posts: 13
- Joined: Thu Aug 18, 2005 10:02 pm
- Location: Halle
- Contact:
Re: CSS link active state not working properly with SEO URLs
i've found an easier solution: just clear the alias field of the menu entry and save it. in my case they've had the prefix "-mainmenu-XX", e.g. "contact-mainmenu-12". now the alias is "contact" and it works. yay!
best regards,
dan
best regards,
dan
-
- Joomla! Apprentice
- Posts: 6
- Joined: Tue Apr 28, 2009 2:53 pm
Re: CSS link active state not working properly with SEO URLs
hi daniel. I haven't tried solution and I can't now since I've pretty much deleted the old buttons. but that's good to know!
-
- Joomla! Guru
- Posts: 859
- Joined: Mon Jul 24, 2006 2:06 am
Re: CSS link active state not working properly with SEO URLs
Hi Daniel,
Your idea works but there are two issues:
1. If the menu title is ONLY one word, for example, Home, Contact, etc.. the active state works, but if it's two words it doesn't work.
2. Also, if I remove the alias from the menu it automatically replaces it when the menu is saved.
I also noticed that this is not an issue when using J1.5.8 the problem is on J1.5.10. I tested on both those versions.
Thanks!
Your idea works but there are two issues:
1. If the menu title is ONLY one word, for example, Home, Contact, etc.. the active state works, but if it's two words it doesn't work.
2. Also, if I remove the alias from the menu it automatically replaces it when the menu is saved.
I also noticed that this is not an issue when using J1.5.8 the problem is on J1.5.10. I tested on both those versions.
Thanks!
-
- Joomla! Fledgling
- Posts: 1
- Joined: Fri Sep 18, 2009 10:03 am
Re: CSS link active state not working properly with SEO URLs
Hi Guys,
Am facing an issue regarding SEO URL and Menu active . In my web site have two menu sections top and bottom. There are few links in bottom which are same links in top menu.
Eg:
Top > home, about us, services etc
bottom> home, about us, partners etc.
The problem if I click bottom "about us" link then "about us" top section doesn't highlight.
Before it was working perfectly, the problem showed when I updated the order and updated data.
Please help me out... I will be very much appreciated.
Thanks
Slash
Am facing an issue regarding SEO URL and Menu active . In my web site have two menu sections top and bottom. There are few links in bottom which are same links in top menu.
Eg:
Top > home, about us, services etc
bottom> home, about us, partners etc.
The problem if I click bottom "about us" link then "about us" top section doesn't highlight.
Before it was working perfectly, the problem showed when I updated the order and updated data.
Please help me out... I will be very much appreciated.
Thanks
Slash
-
- Joomla! Fledgling
- Posts: 2
- Joined: Sun May 10, 2009 8:51 pm
Re: CSS link active state not working properly with SEO URLs
do you have a link to your page?
- letsnurture
- Joomla! Fledgling
- Posts: 4
- Joined: Sat Aug 08, 2009 8:26 am
- Location: India
- Contact:
Re: CSS link active state not working properly with SEO URLs
hi, Joomlian Folk,
@xzero012
Thanks for the help. I trapped into the same scenario.I have been using the joomla 1.5.8 and i had the same problem. But after GOOGLE ing, I landed to this post and found the solution by adding the few more menu items and deleting old menu items.
It fixed the problem as told by xzero012.
Does anybody know what was wrong there before ?
Again many thanks to xzero012.
Regards,
www.letsnurture.co.cc
@xzero012
Thanks for the help. I trapped into the same scenario.I have been using the joomla 1.5.8 and i had the same problem. But after GOOGLE ing, I landed to this post and found the solution by adding the few more menu items and deleting old menu items.
It fixed the problem as told by xzero012.
Does anybody know what was wrong there before ?
Again many thanks to xzero012.
Regards,
www.letsnurture.co.cc
- Ghonjez
- Joomla! Exemplar
- Posts: 8770
- Joined: Sat Oct 18, 2008 3:02 am
- Location: Mars
- Contact:
Re: CSS link active state not working properly with SEO URLs
Hi Slash...slash_ice_cube wrote: Am facing an issue regarding SEO URL and Menu active . In my web site have two menu sections top and bottom. There are few links in bottom which are same links in top menu.
Eg:
Top > home, about us, services etc
bottom> home, about us, partners etc.
The problem if I click bottom "about us" link then "about us" top section doesn't highlight.
Before it was working perfectly, the problem showed when I updated the order and updated data.
Please help me out... I will be very much appreciated.
Post your site link please
welcome to Joomla forum
-
- Joomla! Apprentice
- Posts: 9
- Joined: Mon Aug 30, 2010 1:55 pm
- Location: Germany
Re: CSS link active state not working properly with SEO URLs
Hi,
I know, this is an old post, but - at least for me - still a valid topic.
I'm struggling as well to get my active link colored. I understood, that the li.current gives the identification for the active one, but even giving this the css, it is still overruled by the general a:visited defintions.
Below is the CSS, as I did it:
a:visited {
color:black;
text-decoration:none;
}
#current {
color:red !important;
}
and I can see in firebug, that the styles are identified (the current one as inherit), but the a one is overwriting.
Any comment appreciated.
Thx
Ernst
I know, this is an old post, but - at least for me - still a valid topic.
I'm struggling as well to get my active link colored. I understood, that the li.current gives the identification for the active one, but even giving this the css, it is still overruled by the general a:visited defintions.
Below is the CSS, as I did it:
a:visited {
color:black;
text-decoration:none;
}
#current {
color:red !important;
}
and I can see in firebug, that the styles are identified (the current one as inherit), but the a one is overwriting.
Any comment appreciated.
Thx
Ernst
-
- Joomla! Fledgling
- Posts: 3
- Joined: Mon Sep 13, 2010 7:47 am
Re: CSS link active state not working properly with SEO URLs
Joomla Suckerfish MENU CSS active menu item - setup.
The MENU Style (in Module Manager for the Menu Module) must be set to "LIST" to make active css links work.
The MENU Style (in Module Manager for the Menu Module) must be set to "LIST" to make active css links work.
Advertisement