By eyos on

Hello,

I've created my own theme, based on an existing one. My problem is with the li-elements in the menu: I can't exactely position the bullet image in relation with the menu item text. I know this is an issue within CSS. Does anybody have the same problem? How did you solve it?

Thanks.

Comments

eyos’s picture

eyos commented

Any thoughts anyone? Is there another way of formattingthe menu, for example bu using tables? In which file (template? drupal source?) can I modify the appearence of the menu and it's items?

Bèr Kessels’s picture

Bèr Kessels commented

look at
http://css.maxdesign.com.au/listamatic/
http://alistapart.com/
http://www.w3schools.com/css/css_reference.asp

they are some of the best CSS resources, IMO.

---
If this solved you problem, please report back. This will help others whom are looking for the same solution.
Next time, please consider filing a support request.

[Bèr Kessels | Drupal services www.webschuur.com]

eyos’s picture

eyos commented

Thanks! This is what I was looking for. From the first link:

"Use background-image: url(images/arrow.gif) to add images to the background of each list item. Use padding to shift the content so that it does not overlap the background image. This method gives much more consistent results than simply replacing the bullets with images."