Hi everyone,

Could anyone give a run through of how to do this vis xslt?

For example, if I wanted to output:

<ul>

<li class="menuItem1"><a href="#">link</a></li>

<li class="menuItem2"><a href="#">link</a></li>

<li class="menuItem3"><a href="#">link</a></li>

<li class="menuItem4"><a href="#">link</a></li>

</ul>

Just so I can do something a bit different with the css on my menu I need different classes on each :)

This is my menu here, my site only has two levels (so far...) so this works fine for me, apart from not having different classes:

<ul>

  <xsl:for-each select="$currentPage/ancestor-or-self::* [@level=1]/* [@isDoc and string(umbracoNaviHide) != '1']">

  <li>

<xsl:if test="$currentPage/@id = current()/@id">
            <xsl:attribute name="class">
                <xsl:value-of select="'current'"/>
            </xsl:attribute>              
</xsl:if>

<xsl:if test="@id = $currentPage/parent::* /@id">
            <xsl:attribute name="class">
                <xsl:value-of select="'parent'"/>
            </xsl:attribute>              
</xsl:if>

    <a href="{umbraco.library:NiceUrl(@id)}"><span><xsl:value-of select="@nodeName"/></span></a>
  </li>
</xsl:for-each>

</ul>

Thanks.

Sam.