By t-wins on

Hello,

New to drupal. I am using the Drupal 6.12. Installed a test site and created some primary and secondary menu links.

The links look like this:

<ul class="links"><li class="menu-123 active-trail first active"><a href="..." title="Home Page" class="active">Home</a></li>
<li class="menu-114"><a href="..." title="About Us">About Us</a></li>
<li class="menu-126"><a href="..." title="Publishing">Publishing</a></li>
<li class="menu-115 last"><a href="..." title="News">News</a></li>
</ul>

What are these class="menu-xxxx" for? They seem to mess up the CSS styling. How do I remove them?

Thanks in advance!

⋅ Categories: Drupal 6.x

Comments

saml’s picture

saml commented

These are css classes unique to each menu item, which are dynamically created from the menu item id or similar, making it possible to customize any menu item by addressing one of those classes in CSS.

They will not mess up CSS styling unless you already have some CSS that make use of them, which you will not have by default AFAIK.

So, while it is probably possible to remove them in one of your themes [somename].tpl.php files, it is strongly discouraged unless you really need. It's always desirable to avoid hacking themes, modules et.c. as long as you can, to minimize the risk for strange bugs, incompatibilities, and headache when you want to update the theme/module, et.c.

Kind Regards
Samuel

dnewkerk’s picture

dnewkerk commented

Leaving them should have no effect whatsoever. However if you'd like to add some additional classes that have more human friendly names, have a look at http://drupal.org/project/menuclass
It is perfectly fine to have multiple classes on a single HTML element.