How would you make a menu that have a different background image for each <li> element in the menu?

2 Answers 2


I would suggest:

  1. Use the module http://drupal.org/project/menu_attributes (beta 1 is out for Drupal 7)
  2. Give each menu item a CSS ID or class that needs an image
  3. Use CSS to assign background images to the menu items

Using this method, no PHP coding is required, and the menu images become content editable by your authors (once the CSS images have been setup).


also: Use the module http://drupal.org/project/imagemenu

A simple module which allows you to create menus from image files. Supports title (displayed when hovering over a menu item), alt text, weights and optional mouseover behaviour.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.