CMS Made Simple Forums

Hi all,

I’m having trouble with a horizontal drop down menu. Basically in the menu the menu text is preceded by the index number so ‘Home Page’ becomes ‘1:Home Page’ displayed in the menu, child items then show ‘1.1’ before the menu text. How do I stop these index numbers from being displayed?

Here is the part of the template code:

   
     
       
       
        {cms_module module='menumanager' template='cssmenu-accessible.tpl'}   
       
     
     


And here is the css:

/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        overflow: hidden;
        background-color:;
        border-bottom: ;
        width: 100%;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */


#primary-nav li { width: 100px;}


#primary-nav li li {
        width: 100px;
      }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#primary-nav ul {
position: absolute;
top: auto;
display: none;
}
#primary-nav ul ul {
margin-top: 1px;
margin-left: -1px;
left: 100%;
top: 0px;
}

#primary-nav li {
margin-left: -1px;
float: left;
}
#primary-nav li li {
margin-left: 0px;
margin-top: -1px;
float: none;
position: relative;
}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
display: block;
margin: 0px;
padding: 5px 10px;
text-decoration: none;
}
#primary-nav li a {
border-right: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}
#primary-nav li li a {
border: 1px solid #C0C0C0;
}
#primary-nav li, #primary-nav li.menuparent {
background-color: #993300;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
background-color: #993300;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
background-image: url(modules/MenuManager/images/arrow.gif);
background-position: center right;
background-repeat: no-repeat;
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
background-color: #FFFFCC;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
display: none;
}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
display: block;
}


/* IE Hacks */

#primary-nav li li {
float: left;
clear: both;
}
#primary-nav li li a {
height: 1%;
}
-->

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #803E98;
background-image: none;
}
.table_back

{
background-image: url(uploads/themeflat.jpg);
background-repeat: no-repeat;

}
.main_div
{
}

.sub_heading {
color: #7424A9;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;}

it's because of this;

{cms_module module='menumanager' template='cssmenu-accessible.tpl'}   

the other one doesn't do that, it's an accessibility menu,,

  mark

dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

Brilliant, it works!

Greg, if you have time, can you explain to me why it works?

cheers john

Greg wrote: dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

Thanks Mark,

I still trying to figure out a lot of things with cms (after using joomla and typo3).

How do I change this?

OT Apart from ftp/cut & paste I still can't install new tags or modules. I get an xml error

cheers john

PS Whoever came up with CMSMS has a great idea. It's vastly more productive and not intimidating to end users. Keep it up!

maksbud wrote: it's because of this;

{cms_module module='menumanager' template='cssmenu-accessible.tpl'}   

the other one doesn't do that, it's an accessibility menu,,

  mark

With that particular menu template the index number is wrapped in a def tag. The css I quoted, from one of the standard installed stylesheets, moves the content of the def tag off the screen and sets the width and height to 0. It is still there but you don't see it in standard browsers, other devices can still access the information for accessibility.