I created a menu icon which displayed as expected until I disabled the devel module (specifically, it may have been the themer part of devel that was the problem - I only guess that based on the CSS generated). Once disabled, the menu icon longer displayed, although the CSS was still being loaded in the html.

While not working, the CSS looked like this (how is this span tag ending up in css?):

<span id="thmr_1" class="thmr_call">
  .menu-1571, ul.links li.menu-1571 {
  background-image: url(/sites/dir.illuminateweb.org.uk/files/menu_icons/menu_icon_1571.png);
  padding-left:45px;
  background-repeat: no-repeat;
  background-position: left;
  height:45px;
}
</span>

To remedy, I disabled the devel modules, removed the menu icon from the menu settings page then re-enabled the menu icon. This is the only sequence I could find that would get my menu icon back. After that, the CSS looked like this:

.menu-1571, ul.links li.menu-1571 {
  background-image: url(/sites/dir.illuminateweb.org.uk/files/menu_icons/menu_icon_1571.png);
  padding-left:45px;
  background-repeat: no-repeat;
  background-position: left;
  height:45px;
}

Correct, as far as I can tell.

Any ideas?

Comments

mshepherd’s picture

mshepherd commented

This seems to be a duplicate of http://drupal.org/node/499428?
Please mark it such if you agree.
Matthew

sylvain lavielle’s picture

sylvain lavielle commented

I think it's because the module use a hook_theme to generate the CSS 

function menu_icons_theme() {
  return array(
    'menu_icons_css_item' => array(
      'arguments' => array('mlid' => NULL, 'path' => NULL, 'size' => NULL, 'pos' => NULL),
      'template' => 'menu_icons_css_item',
    ),
  );
}

The devel module theme developper add a on themed html output when theme developper is enabled

using hook_theme to generate a css is probably not a good way

skilip’s picture

skilip commented
Status: Active » Closed (won't fix)

It is theme developer which puts all these spans around theme generated markup. Disable Theme Developer and regenerate the CSS file.