How do I Add an image to separate each menu item?

[Johnnybucks]

I want to make it so there is an image (a star) between each menu link. If I am using the "cssmenu_ulshadow.tpl" for my menu, how would I go about doing this?

Thanks in advance.

[uniqu3]

the easiest method would be to use css background property
Something like:

Code: Select all

#menuwrapper ul li a {
  background: url(path/to/your/star.gif) no-repeat left;
  padding-left: width-of star-image px;
}

[elkman]

What would you do to include the star on the left of each second level menu item using a horizontal menu with drop downs?

[Dr.CSS]

#primary-nav li li {background image and padding to fit it in}...

#primary-nav li li a if using the image in the "a"...

[elkman]

Thanks, Dr.CSS