Prev: Spry Accordion
Next: hand cursor on rollover - error
From: Lampros_uk on 7 May 2008 05:05
Hello all, I need some help with a left navigation menu I have created, you can
see the code below:
the problem I have is when I am putting a link to the UL it doesn't work (
probably because I have a background image in my CSS) i was wondering if I can
do it with another way..
css code
.treemenu {
margin : 0px 20px;
padding : 10px;
list-style : none;
width : 200px;
}
.treemenu ul {
list-style : none;
margin : 0px 5px;
padding : 0px 5px;
}
.treemenu li {
display : inline;
}
.treemenu a {
display : block;
padding-left : 0px;
text-decoration : none;
}
.treemenu .treeopen {
background-image : url('../img/open.gif');
background-repeat : no-repeat;
background-position : left;
}
.treemenu .treeclosed {
background-image : url('../img/closed.gif');
background-repeat : no-repeat;
background-position : left;
}[b]UL[/b]

<ul class="textstyle treemenu">
<li><a href="#">Home</a></li>
<li class="treenode"> <a href="#">About DC</a>
<ul>
<li class="Selected"><a href="background.htm">Background</a></li>
<li><a href="MissionStatement.htm">Mission Statement</a></li>
<li><a href="quality.htm">Quality Assured</a></li>
<li><a href="business.htm">Business direction</a></li>
<li><a href="annualreports.htm">Annual Reports</a></li>
</ul>
</li>
</ul>

 | 
Pages: 1
Prev: Spry Accordion
Next: hand cursor on rollover - error