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.