need help to create a horizontal sub menu display

Last post 04-16-2009 5:59 AM by wasimt. 2 replies.

Sort Posts:

  • need help to create a horizontal sub menu display

    07-26-2004, 5:38 AM
    • Member
      210 point Member
    • rammy_asp
    • Member since 11-21-2003, 6:25 AM
    • Bangalore(India)
    • Posts 42

    Hi
    Guys,

    I have requirement in my project, that i need to create a horizontal menu like this

    one two ......................
    onesub1 twosub1 ..........................
    onesub2 twosub2 ...............................

    i have used Mr. Stephen M. Redd's control to display vertically it worked fine,
    but i need to display on top of the page,.....
    can any one help on this.....
    Ramesh
  • Re: need help to create a horizontal sub menu display

    07-26-2004, 11:49 AM
    • Contributor
      5,268 point Contributor
    • Redd
    • Member since 06-21-2002, 3:50 PM
    • Greenville SC
    • Posts 1,057
    You may find it difficult to get a multi-level menu working horizontally without using serious dynamic HTML. I would recommend you look at using a dynamic menu control. You can find a good number of them here:

    http://www.asp.net/ControlGallery/default.aspx?Category=32&tabindex=2
    Stephen M. Redd
    http://www.reddnet.net
  • Re: need help to create a horizontal sub menu display

    04-16-2009, 5:59 AM
    • Participant
      1,106 point Participant
    • wasimt
    • Member since 03-26-2009, 4:57 AM
    • Mumbai
    • Posts 158

     Hi,

    I am able to meet up your requirement in FireFox but not in IE. You can use it  and do some reseach to display in IE.

    The below code works fine in FF.

    <div id="nav"  class="nav">
    <asp:Menu ID="Menu1" Orientation="Horizontal" runat="server">
    <Items>
    <asp:MenuItem Text="first" Value="first">
    <asp:MenuItem Text="firstchild" Value="firstchild"></asp:MenuItem>
    <asp:MenuItem Text="child" Value="child"></asp:MenuItem>
    <asp:MenuItem Text="child2" Value="child"></asp:MenuItem>
    <asp:MenuItem Text="child3" Value="child"></asp:MenuItem>
    </asp:MenuItem>
    <asp:MenuItem Text="second" Value="second">
    <asp:MenuItem Text="child" Value="child"></asp:MenuItem>
    </asp:MenuItem>
    </Items>
    </asp:Menu></div>
    Add the below line into your Css file
    #nav table { display:inline;}
    #nav tr { display:inline; }
    #nav td { display:inline;}
    #nav a {display:inline;}
      Hope this will work for u...
    I have written same comment in  
    Wasim Tambe

    Please Mark this "as answer" if it helps you.
    Filed under:
Page 1 of 1 (3 items)