ASP : 메뉴 : 글 머리 기호 목록을 만들기 위해 CSS를 적용해야합니다.

Question

ASP : Menu를 사용하고 있는데 아래와 같은 메뉴가 있습니다. 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이 실제로 어떻게 작동하는지에 대한 기본 지식을 모르고