asp.net - ASP.net 菜单栏

Question

我在 Site master 中创建了一个常规菜单，其中包含链接和另一个扩展的 MenuBar：

<div id="menu">

        <div class="MenuBar">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            <asp:Menu ID="menuBar" runat="server" Orientation="Vertical" Width="100%">
                <DynamicHoverStyle CssClass="DynamicHover" />
                <DynamicMenuItemStyle CssClass="DynamicMenuItem" />
                <DynamicSelectedStyle CssClass="DynamicHover" />
                <StaticHoverStyle CssClass="staticHover" />
                <StaticMenuItemStyle CssClass="StaticMenuItem" ItemSpacing="1px" />
                <StaticSelectedStyle CssClass="staticHover" />
            </asp:Menu>
        </asp:ContentPlaceHolder>
    </div>


    <ul>
        <li class="current_page_item"><a href="#">ח</a></li>
        <li><a href="#">א</a></li>
        <li><a href="#">ה</a></li>
        <li><a href="#">ב</a></li>
        <li><a href="#">ב</a></li>
        <li class="last"><a href="#">חו</a></li>
    </ul>
</div>

1. 为什么我打开默认页面时没有显示菜单栏？默认页面代码只是：

   <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
   

2. 如何插入菜单栏与主菜单中的其他链接在同一行？

Answer 1

MenuBar 应该在 asp:ContentPlaceHolder之外：

<div class="MenuBar">
<asp:Menu ID="menuBar" runat="server" Orientation="Vertical" Width="100%">
            <DynamicHoverStyle CssClass="DynamicHover" />
            <DynamicMenuItemStyle CssClass="DynamicMenuItem" />
            <DynamicSelectedStyle CssClass="DynamicHover" />
            <StaticHoverStyle CssClass="staticHover" />
            <StaticMenuItemStyle CssClass="StaticMenuItem" ItemSpacing="1px" />
            <StaticSelectedStyle CssClass="staticHover" />
        </asp:Menu>
</div>
<div id="menu">
 <ul>
    <li class="current_page_item"><a href="#">ח</a></li>
    <li><a href="#">א</a></li>
    <li><a href="#">ה</a></li>
    <li><a href="#">ב</a></li>
    <li><a href="#">ב</a></li>
    <li class="last"><a href="#">חו</a></li>
</ul>
</div>


    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>

为了在同一行中同时显示 MenuBar 和 ul，它们都必须是样式：

display: inline;