Question

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

产品

INSTOCK
外的库存

订单

采购订单
销售订单
- 后退订单
- 发票

ASP：菜单代码如下。

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

Update1：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实际工作原理的基础知识。

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

1 个答案: