Hi, I'm having trouble displaying ym menu correctly in silverstripe. My menu is as followed;
-- HTML --
<ul>
<li class="first"><a href="#" title="Go to the Welcome"><span>Home</span></a></li>
<li><a href="#" title="Go to the Website design" class="link"><span>Design</span></a></li>
<li><a href="#" title="Go to the Content management systems" class="link"><span>Content Management Systems</span></a></li>
<li><a href="#" title="Go to the eCommerce systems" class="link"><span>eCommerce</span></a></li>
<li><a href="#" title="Go to the Search engine services" class="link"><span>Search</span></a></li>
<li><a href="#" title="Go to the Pro Image Manager" class="link"><span>PIM</span></a></li>
<li><a href="#" title="Go to the News" class="link"><span>News</span></a></li>
<li><a href="#" title="Go to the Our clients" class="link"><span>Our clients</span></a></li>
<li class="last"><a href="/contact-us/" title="Go to the Contact us" class="link"><span>Contact us</span></a></li>
</ul>
-- CSS --
#nav {
margin-top: 10px;
}
#nav ul {
padding-left: 0px;
}
#nav ul li {
display:inline;
border-right:1px solid #CCCCCC;
}
#nav ul li.first {
margin-left: -10px;
}
#nav ul li.last {
border-right:none;
}
#nav ul li a {
padding: 10px 10px 10px 10px;
color:#999999;
font-weight:normal;
font-size:1em;
}
#nav li a:hover {
text-decoration:underline;
}
-- SS --
<ul>
<% control Menu(1) %>
<li class="first">
<a class="$LinkingMode" href="$Link" title="Go to $Title">$MenuTitle</a>
</li>
<% end_control %>
</ul>
and that's the code I'm trying to use to display my menu, the problem is that i have a set class for the first list item to reduce the margin so first problem is how to set a class for the first list?
and secondly all my links are displaying /page.html or which ever the link is straignt after the link.
Any help would be great, thanks!