wayfinder and css menu trouble...

Hi! I’m having trouble with the wayfinder plugin. I want to display this <ul> menu, but I can’t get the css file to style the elements properly! Any help would be appreciated!

<ul class="menu">
<li>
<a href="index.php?id=1">
<span>Hjem</span><em></em>
</a>
</li>
<li>
<a href="index.php?id=7">
<span>Menu1</span><em></em>
</a>
</li>
<li>
<a href="index.php?id=10">
<span>Menu2</span><em></em>
</a>
</li>
<li>
<a href="index.php?id=8">
<span>Menu3</span><em></em>
</a>
</li>
<li>
<a href="index.php?id=9">
<span>Menu4</span><em></em>
</a>
</li>
</ul>

HI Elex.

I don’t think anyone will really understand what your are having trouble with from the information supplied.

You can style your css with these tags

ul.menu{}
.menu li{}
.menu li a{}
.menu li a:hover{}

Depending on your needs and if this is a vertical or horizontal menu, really there should be no problems. Wayfinder will normally indicate the the current link (.active) if you need to highlight that link. (have to modified snippet or are you using a &tpl

I have no idea why you need the span or em. Perhaps you could explain your problem, i.e is it that you need CSS help?

David

If you want the <span> tags, use the rowTpl argument and make a chunk template to form the actual links as you wish. See the Wayfinder documentation for more details and examples.

http://wiki.modxcms.com/index.php/Wayfinder#Template_Parameters

Thanks for the quick replies! I’ll dig into it a little more based on your information...

Oh, and sorry for being a little vague, didn’t know how to express it in english!