By default, the selected menu item will be highlighted and this shows where I am. After upgrade to 1.11.2, the highlight disappears.
Please kindly adivse where could be the root of the problem.
[Solved] Selected menu item not highlighted after 1.11.2
[Solved] Selected menu item not highlighted after 1.11.2
Last edited by PBlue on Sat Sep 29, 2012 9:01 am, edited 1 time in total.
Re: Selected menu item not highlighted after upgrade to 1.11
There is a chance you were using a default menu template and some of them may have changed the class name or some such, look in pages source for the active menu item then look in the style sheet for the active menu class, change the style sheet to fix...
Re: Selected menu item not highlighted after upgrade to 1.11
You got an url for us?
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Re: Selected menu item not highlighted after upgrade to 1.11
Actually the site is still put in the intranet. After everything is normal, then it will go to the production site.
The screen below shows no highlighted menu item:
The source htm for this page is attached.
Let me know if you want any other information.
Thanks a lot for your help!
The screen below shows no highlighted menu item:
Let me know if you want any other information.
Thanks a lot for your help!
- Attachments
-
[The extension txt has been deactivated and can no longer be displayed.]
Re: Selected menu item not highlighted after upgrade to 1.11
I don't know what your style sheet says but this is the active menu item, the others that have children are here also...
<li class="menuactive"><a class="menuactive" href="http://
<li class="parent"><a class="parent" href="http://
<li class="menuactive"><a class="menuactive" href="http://
<li class="parent"><a class="parent" href="http://
Re: Selected menu item not highlighted after upgrade to 1.11
Sorry I don't know which is which and I attached relevant files for your reference. Let me know if you need more information. Thanks a lot for your help!Dr.CSS wrote:I don't know what your style sheet says but this is the active menu item, the others that have children are here also...
<li class="menuactive"><a class="menuactive" href="http://
<li class="parent"><a class="parent" href="http://
- Attachments
-
- Menu not highlight.zip
- (19.82 KiB) Downloaded 150 times
Re: Selected menu item not highlighted after upgrade to 1.11
Sorry, I don't do zip attachments, this would be over in minutes if I had a link to the site...
Re: Selected menu item not highlighted after upgrade to 1.11
Sorry I attached the templates in text format for your checking.Dr.CSS wrote:Sorry, I don't do zip attachments, this would be over in minutes if I had a link to the site...
- Attachments
-
[The extension txt has been deactivated and can no longer be displayed.]
-
[The extension txt has been deactivated and can no longer be displayed.]
-
[The extension txt has been deactivated and can no longer be displayed.]
Re: Selected menu item not highlighted after upgrade to 1.11
And the last file:Template (Left simple navigation + 1 column) (this file cannot be uploaded and I paste it here)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Change lang="en" to the language of your site -->
<head>
{metadata}
<title>{sitename} - {title}</title>
<!-- The sitename is changed in Site Admin/Global settings. {title} is the name of each page -->
<!-- Don't remove this! Metadata is entered in Site Admin/Global settings. -->
{stylesheet}
<!-- This is how all the stylesheets attached to this template are linked to -->
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
<!-- Relational links for interconnections between pages, good for accessibility and Search Engine Optmization -->
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->
</head>
</__body>
<div id="pagewrapper">
<!-- start accessibility skip links -->
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
<!-- end accessibility skip links -->
<hr class="accessibility" />
<!-- Horizontal ruler that is hidden for visual browsers by CSS -->
<!-- Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "For template: Left menu + 1 column" -->
<div id="header">
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
</div>
<!-- End Header -->
<div id="home">
<br>
<p align="left"> <strong><a href="http://www.keyoung.hk">Corporate Home</strong></a></p>
</div>
<!-- Start Search-->
<div id="search">
{search}
</div>
<!-- End Search -->
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<!-- End Breadcrumbs -->
<!-- Start Content (Navigation and Content columns) -->
<div id="content">
<!-- Start Sidebar -->
<div id="sidebar">
<!-- Start Navigation -->
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='simple_navigation.tpl' collapse='1'}
</div>
<!-- End Navigation -->
</div>
<!-- End Sidebar -->
<!-- Start Content Area -->
<div id="main">
<div style="float: right;">{print showbutton=false script=false}</div>
<h2>{title}</h2>
{content} <br />
<!-- Start relational links -->
<div class="hr"></div>
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p>{cms_selflink dir="previous" label="Previous page: "} <br />
{cms_selflink dir="next"}</p>
</div>
<!-- The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" -->
<!-- End relational links -->
<hr class="accessibility" />
</div>
<!-- End Content Area -->
</div>
<!-- End Content -->
<!-- Start Footer. Edit the footer in the Global Content Block called "footer" -->
<div id="footer">
{global_content name='footer'}
</div>
<!-- End Footer -->
</div><!-- end pagewrapper -->
<__body>
</__html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Change lang="en" to the language of your site -->
<head>
{metadata}
<title>{sitename} - {title}</title>
<!-- The sitename is changed in Site Admin/Global settings. {title} is the name of each page -->
<!-- Don't remove this! Metadata is entered in Site Admin/Global settings. -->
{stylesheet}
<!-- This is how all the stylesheets attached to this template are linked to -->
{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}
<!-- Relational links for interconnections between pages, good for accessibility and Search Engine Optmization -->
{literal}
<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
var nw="auto",w=document.documentElement.clientWidth;
if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->
</head>
</__body>
<div id="pagewrapper">
<!-- start accessibility skip links -->
<ul class="accessibility">
<li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}</li>
<li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
<!-- end accessibility skip links -->
<hr class="accessibility" />
<!-- Horizontal ruler that is hidden for visual browsers by CSS -->
<!-- Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "For template: Left menu + 1 column" -->
<div id="header">
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
</div>
<!-- End Header -->
<div id="home">
<br>
<p align="left"> <strong><a href="http://www.keyoung.hk">Corporate Home</strong></a></p>
</div>
<!-- Start Search-->
<div id="search">
{search}
</div>
<!-- End Search -->
<!-- Start Breadcrumbs -->
<div class="breadcrumbs">
{breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" />
</div>
<!-- End Breadcrumbs -->
<!-- Start Content (Navigation and Content columns) -->
<div id="content">
<!-- Start Sidebar -->
<div id="sidebar">
<!-- Start Navigation -->
<div id="menu_vert">
<h2 class="accessibility">Navigation</h2>
{menu template='simple_navigation.tpl' collapse='1'}
</div>
<!-- End Navigation -->
</div>
<!-- End Sidebar -->
<!-- Start Content Area -->
<div id="main">
<div style="float: right;">{print showbutton=false script=false}</div>
<h2>{title}</h2>
{content} <br />
<!-- Start relational links -->
<div class="hr"></div>
<div class="right49">
<p>{anchor anchor='main' text='^ Top'}</p>
</div>
<div class="left49">
<p>{cms_selflink dir="previous" label="Previous page: "} <br />
{cms_selflink dir="next"}</p>
</div>
<!-- The label parameter doesn't need to be there if you're using English, but is here to show how it's used if you don't want the English text "Previous page" -->
<!-- End relational links -->
<hr class="accessibility" />
</div>
<!-- End Content Area -->
</div>
<!-- End Content -->
<!-- Start Footer. Edit the footer in the Global Content Block called "footer" -->
<div id="footer">
{global_content name='footer'}
</div>
<!-- End Footer -->
</div><!-- end pagewrapper -->
<__body>
</__html>
Re: Selected menu item not highlighted after upgrade to 1.11
To make things simple, I put the menu I preferred as below:
This is actually from http://docs.cmsmadesimple.org/modules/core/menu-manager
Please advise how I can set my menu items like this.
Please advise how I can set my menu items like this.
Re: Selected menu item not highlighted after upgrade to 1.11
Since you wont give me a link to the site I'll give you one...
http://www.w3schools.com/css/default.asp
http://www.w3schools.com/css/default.asp
Re: Selected menu item not highlighted after upgrade to 1.11
Thanks Dr and I will study itDr.CSS wrote:Since you wont give me a link to the site I'll give you one...
http://www.w3schools.com/css/default.asp
