Help me figure out that {foreach} tag in menu manager please

[Fratyr]

Im desperate, guys, i can't make menumanager work as i want him to.
i need to be done a menu like this one: (A GREEN ONE): http://www.fratyr.com/demo/inner3.html

This is the menu code in HTML:

Code: Select all

<div class="green_menu">	
<img alt="" src="../images/menu_li_left.png" width="4" height="21" class="left" />
<img alt="" src="../images/menu_li_right.png" width="60" height="27" class="green_right" />
<div class="reka_green"><a href="#">About</a></div>
</div>

<div class="clear"><!----></div>

<div class="green_menu">	
<img alt="" src="../images/menu_li_left.png" width="4" height="21" class="left" />
<img alt="" src="../images/menu_li_right.png" width="60" height="27" class="green_right" />
<div class="reka_green"><a href="#">The Routes Travel Advantage</a></div>
</div>
<div class="clear"><!----></div>

And so on... means, every div is 1 button. How do i build it with menumanager code?
I just don't get it actually :] and i cant find any good documentation of how to code this.

Can anyone provide me with an example of what im needed? I could learn from it i think.

Thanks.

[Fratyr]

Anybody, please?

[Dr.CSS]

Looks like you need an image map menu, there is a tutorial in the themes page and I have some links to one in my posts, what you have is overkill for what you want to achieve...

[KO]

One way also is to use normal menu template and give one background-image positioned right and tag another background-image which is positioned left. Similar than what is used in Sliding Doors menu found i.e. http://www.alistapart.com/articles/slidingdoors/

Simple and adding/removing menu items can be done normal way as content.

[Dr.CSS]

I used to use a similar technique but as mentioned near the bottom of the article you get a dead, non link, space on the left from making room for the image, now I put a span in the a...

Home

Since the span is in the a it leaves no spaces, I also use the same image for the left and right and make them very wide so no matter how much text is used it gets covered...