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實際工作的基本原理。