ASP：菜单：需要应用CSS来制作项目符号列表

Question

我正在使用ASP：菜单，我希望菜单如下所示。请建议如何应用CSS以及我应该做些什么改变？

产品

• INSTOCK
• 外的股票

订单

• 采购订单
• 销售订单
  • 返回订单
  • 发票

ASP：菜单代码如下所示。

<asp:Menu runat="server" ID="Navigator" MaximumDynamicDisplayLevels="0" StaticDisplayLevels="3" 
Orientation="Vertical" DataSourceID="RelativeSiteMapDataSource" /> 

更新1：ASP：菜单生成的当前html如下所示。

<ul class="Menu"> 
<li class="Menu-Leaf"><a href="prodxeon/products.aspx"; class="Menu-Link" title="Products">Products</a></li> 
<li class="Menu-Leaf"><a href="prodxeon/orders.aspx"; class="Menu-Link" title="Orders">Orders</a></li> 
    <ul> 
     <li class="Menu-Leaf"><a href="http://pdxeon/po.aspx" class="Menu-Link" title="Purchase Orders">Purchase Orders</a></li> 
     <li class="Menu-Leaf"><a href="http://pdxeon/so.aspx" class="Menu-Link" title="Sales Orders">Sales Orders</a></li> 
      <ul>  
       <li class="Menu-Leaf"><a href="http://pdxeon/Bso.aspx" class="Menu-Link" title="Back Orders">Back Orders</a></li>    
       <li class="Menu-Leaf"><a href="http://pdxeon/iso.aspx" class="Menu-Link" title="Invoices">Invoices</a></li> 
      </ul> 
    </ul> 

Answer 1

你可以使用这个CSS：

ul.Menu { margin:0 1.5em 1.5em 1.5em; } 
ul.Menu li {  list-style-type:disc; } 
ul.Menu ul {  margin:0 3em 1.5em 1.5em; } 

请记住，你的HTML被打破。

<li class="Menu-Leaf"><a href="http://pdxeon/so.aspx" class="Menu-Link" title="Sales Orders">Sales Orders</a></li> 
    <ul> <--- this should be before the </li>. Lists must be nested. Any tag outside </li> is illegal. 

嵌套列表必须遵循这个模式：

<ul> 
    <li> 
     <ul> 
      <li>...</li> 
     </ul> 
    </li> 
</ul> 

这是使用.NET控件的一个问题 - 他们隔离您从HTML太多，提供便捷的方式做开发商而不了解HTML实际工作的基本原理。