0

このように水平方向に配置された ASP メニューで、サブメニュー項目を垂直方向に配置する最良の方法を見つけようとしています。

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
         <Items>
                            <asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/Music/Home.aspx"></asp:MenuItem>
                            <asp:MenuItem NavigateUrl="~/Music/Artist.aspx" Text="Artist" Value="Artist">
                                 <asp:MenuItem Text="A" Value="A" NavigateUrl="~/Music/Artist.aspx/A"></asp:MenuItem>
        <asp:MenuItem Text="B" Value="B" NavigateUrl="~/Music/Artist.aspx/B"></asp:MenuItem>
        <asp:MenuItem Text="C" Value="C" NavigateUrl="~/Music/Artist.aspx/C"></asp:MenuItem>
        <asp:MenuItem Text="D" Value="D" NavigateUrl="~/Music/Artist.aspx/D"></asp:MenuItem>
        <asp:MenuItem Text="E" Value="E" NavigateUrl="~/Music/Artist.aspx/E"></asp:MenuItem>
        <asp:MenuItem Text="F" Value="F" NavigateUrl="~/Music/Artist.aspx/F"></asp:MenuItem>
        <asp:MenuItem Text="G" Value="G" NavigateUrl="~/Music/Artist.aspx/G"></asp:MenuItem>
        <asp:MenuItem Text="H" Value="H" NavigateUrl="~/Music/Artist.aspx/H"></asp:MenuItem>
        <asp:MenuItem Text="I" Value="I" NavigateUrl="~/Music/Artist.aspx/I"></asp:MenuItem>
        <asp:MenuItem Text="J" Value="J" NavigateUrl="~/Music/Artist.aspx/J"></asp:MenuItem>
        <asp:MenuItem Text="K" Value="K" NavigateUrl="~/Music/Artist.aspx/K"></asp:MenuItem>
        <asp:MenuItem Text="L" Value="L" NavigateUrl="~/Music/Artist.aspx/L"></asp:MenuItem>
        <asp:MenuItem Text="M" Value="M" NavigateUrl="~/Music/Artist.aspx/M"></asp:MenuItem>
        <asp:MenuItem Text="N" Value="N" NavigateUrl="~/Music/Artist.aspx/N"></asp:MenuItem>
        <asp:MenuItem Text="O" Value="O" NavigateUrl="~/Music/Artist.aspx/N"></asp:MenuItem>
        <asp:MenuItem Text="P" Value="P" NavigateUrl="~/Music/Artist.aspx/P"></asp:MenuItem>
        <asp:MenuItem Text="Q" Value="Q" NavigateUrl="~/Music/Artist.aspx/Q"></asp:MenuItem>
        <asp:MenuItem Text="R" Value="R" NavigateUrl="~/Music/Artist.aspx/R"></asp:MenuItem>
        <asp:MenuItem Text="S" Value="S" NavigateUrl="~/Music/Artist.aspx/S"></asp:MenuItem>
        <asp:MenuItem Text="T" Value="T" NavigateUrl="~/Music/Artist.aspx/T"></asp:MenuItem>
        <asp:MenuItem Text="U" Value="U" NavigateUrl="~/Music/Artist.aspx/U"></asp:MenuItem>
        <asp:MenuItem Text="V" Value="V" NavigateUrl="~/Music/Artist.aspx/V"></asp:MenuItem>
        <asp:MenuItem Text="W" Value="W" NavigateUrl="~/Music/Artist.aspx/W"></asp:MenuItem>
        <asp:MenuItem Text="X" Value="X" NavigateUrl="~/Music/Artist.aspx/X"></asp:MenuItem>
        <asp:MenuItem Text="Y" Value="Y" NavigateUrl="~/Music/Artist.aspx/Y"></asp:MenuItem>
        <asp:MenuItem Text="Z" Value="Z" NavigateUrl="~/Music/Artist.aspx/Z"></asp:MenuItem>
        <asp:MenuItem Text="0-9" Value="0-9" NavigateUrl="~/Music/Artist.aspx/0-9"></asp:MenuItem>
                            </asp:MenuItem>

アーティストにマウスを合わせると、メニューがこのように表示されるようにしたい

CSSとJavascriptを回避しようとする解決策を提案できる人はいますか?

現時点では、ABC はこの A のように表示されます

B

C

D

バーのように見せたい

ABCDE …………

更新:ドロップダウンリストのようにサブメニューをホバー時に表示したいのは、リストが垂直列ではなく水平行である必要があるという条件だけです。

4

1 に答える 1