SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2011
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Horizontal Navigation menu

    Hello all,

    I've go a question about making a horizontal menu. I created a menu but it is vertical and I am trying to figure out how to make it horizontal. Can anyone help me with this. Here is the code I have used for the menu.

    web.sitemap
    PHP Code:
    <?xml version="1.0" encoding="utf-8" ?>
    <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
        <siteMapNode url="~/" title="root"  description="root">
            <siteMapNode url="~/Default.aspx" title="Home"  description="Zen HelpDesk Home" />
            <siteMapNode url="~/HelpDesk.aspx" title="Help Desk"  description="Zen Help Desk"  />
            <siteMapNode url="~/EmployeeDirectory.aspx" title="Employee Directory"  description="Zen HelpDesk Employee Directory" />
            <siteMapNode url="~/AddressBook.aspx" title="Address Book"  description="Zen HelpDesk Address Book" />
            <siteMapNode url="~/Departments.aspx" title="Departments"  description="Zen HelpDesk Departments" />
            <siteMapNode url="~/AdminTools.aspx" title="Admin Tools"  description="Admin Tools" />
            <siteMapNode url="~/AdminNewsletter.aspx" title="Admin Newsletter"  description="Zen HelpDesk Admin Newsletter" />
        </siteMapNode>
    </siteMap>
    master page
    PHP Code:
    <!-- Menu -->
        <
    div class ="Menu">
            <
    asp:SiteMapDataSource ID="zenhelpdeskSiteMap" runat="server"  ShowStartingNode="false" />
            <
    asp:Menu ID="zenhelpdeskMenu" runat="server" DataSourceID="zenhelpdeskSiteMap">
            <
    staticItemTemplate>
                <
    img src="Images/book_closed.gif" alt="+" width="16" height="16" style="border-width: 0;" />
                <%
    # Eval("Text") %>
            
    </staticItemTemplate>
        </
    asp:Menu
    CSS
    PHP Code:
    .Menu {
      
    top160px;
      
    left15px;
      
    width195px;
      
    positionabsolute;
      
    floatleft;
      
    margin0px;
      
    padding0px;

    Many thanks.

  2. #2
    SitePoint Enthusiast
    Join Date
    Dec 2011
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh I found out, I just need to out in Orientation and it works.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •