Page 1 of 1
[SOLVED] Way to Remove Numbers from CSSMenu Menu Items
Posted: Sat Sep 08, 2007 10:29 pm
by darinsee
Hello,
I've just set up my first CMSMS site with CMSMS V1.1.1, and am befuddled with trying to remove the numbers from the CSSMenu Menu Items - if that makes no sense at all, take a look at this page please: http://tomsee.cohete.org
See how each of the main menu items is numbered? Seems like that's a default setting from the CSSMenu Horizontal Menu settings (I have no idea
)?
Thanks for any help on this,
Darin
Re: Way to Remove Numbers from CSSMenu Menu Items
Posted: Sat Sep 08, 2007 11:01 pm
by calguy1000
I think (without looking) that it's something like
dnl: { display: none }
but check what the tag is surrounding the numbering to be sure.
Re: Way to Remove Numbers from CSSMenu Menu Items
Posted: Sat Sep 08, 2007 11:09 pm
by michelG
Hi Darin.
CMSms uses numbers to specify the relationship between menu items and their sub-menus. For example:
1: Section 1
1.1: Subsection
1.2: subsection
2: Section 2
In the menu system of the web site, these numbers are wrapped with a dfn tag like this 2: .
In the CMSms admin panel, under Layout -> Stylesheets, you should have a stylesheet called "Accessibility and cross-browser tools." Make sure to select it for the template(s) you are using. It has a CSS style that will make these tags invisible. I pasted it below.
dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}
You probably can also just create your own style:
dfn { display: none } (Not "dnl" per Calguy's comment!)
Michel
Re: Way to Remove Numbers from CSSMenu Menu Items
Posted: Sat Sep 08, 2007 11:11 pm
by calguy1000
thanks michelG:
should do the trick. It's been answered numerous times before.
[Solved] Re: Way to Remove Numbers from CSSMenu Menu Items
Posted: Sat Sep 08, 2007 11:12 pm
by darinsee
Thank You Much!
You got me looking and on the right track and it worked - I added this to the .css file that the menu is using:
Code: Select all
#primary-nav dfn {
display: none
}
Thanks again,
Darin
Edit: I guess we all posted the last three posts nearly simultaneously - thanks to both of you, the problem is solved - sorry it's been solved many times before - I honestly did do a few searches before posting - maybe this is a good addition to the sample css file with a comment on use?
Another Edit: MichaelG, thanks for the extra info re: the Accessibility and Cross-Browser Tools css - that's HUGE! I'll look into it - thanks again to you both.