need help to create a horizontal sub menu display RSS

• • Reply
  

  rammy_asp

  Member

  210 Points

  42 Posts

  need help to create a horizontal sub menu display

  Jul 26, 2004 09:38 AM|LINK

  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
• • Reply
  

  Redd

  Contributor

  5271 Points

  1061 Posts

  Re: need help to create a horizontal sub menu display

  Jul 26, 2004 03:49 PM|LINK

  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
• • Reply
  

  wasimt

  Participant

  1106 Points

  158 Posts

  Re: need help to create a horizontal sub menu display

  Apr 16, 2009 09:59 AM|LINK

   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  
  

  ASP.NET

  Wasim Tambe
  
  Please Mark this "as answer" if it helps you.
• • Reply
  

  xhizors

  Member

  2 Points

  1 Post

  Re: need help to create a horizontal sub menu display

  Jun 27, 2011 05:35 AM|LINK

  use margins via style sheet if possible