Horizontal Navigation menu

.NET
1

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


<?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

<!-- 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

.Menu {
  top: 160px;
  left: 15px;
  width: 195px;
  position: absolute;
  float: left;
  margin: 0px;
  padding: 0px;
}

Many thanks.

2

Oh I found out, I just need to out in Orientation and it works.