hi
i ahve this code done so far for my menu bar.
the html
the code behind thisCode:<!-- Menu --> <div id="menu-box" class="cleaning-box"> <a href="#skip-menu" class="hidden">Skip menu</a> <ul id="menu"> <li><asp:LinkButton ID="LkbtnHome" runat="server" Text = "Home" CssClass="active" onclick="LkbtnHome_Click" /></li> <li><asp:LinkButton ID="LkbtnClubNews" runat="server" Text = "ClubNews" onclick="LkbtnClubNews_Click" /></li> <li><asp:LinkButton ID="LkbtnFixtures" runat="server" Text = "Fixtures" onclick=" LkbtnFixtures_Click" /> <ID="Lkbtnsenior" runat="server" Text = "senior" onclick="Lkbtnsenior_Click"/> </li> <li><asp:LinkButton ID="LkbtnServices" runat="server" Text = "Services" onclick="LkbtnServices_Click" /></li> <li><asp:LinkButton ID="LkbtnGallery" runat="server" Text = "Gallery" onclick="LkbtnGallery_Click" /></li> <li><asp:LinkButton ID="LKbtnContact" runat="server" Text = "Contact Us" onclick="LKbtnContact_Click" /></li> </ul> </div> <!-- Menu end -->
and my cssCode:using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void ResetMenu() { LkbtnHome.CssClass = "noscreen"; LkbtnClubNews.CssClass = "noscreen"; LkbtnFixtures.CssClass = "noscreen"; Lkbtnsenior.CssClass = "noscreen"; LkbtnServices.CssClass = "noscreen"; LkbtnGallery.CssClass = "noscreen"; LKbtnContact.CssClass = "noscreen"; PhotoGallery.Visible = false; } protected void LkbtnHome_Click(object sender, EventArgs e) { ResetMenu(); LkbtnHome.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLHome.xml"; } protected void LkbtnClubNews_Click(object sender, EventArgs e) { ResetMenu(); LkbtnClubNews.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLClubNews.xml"; // XmlmiddleColumn.DocumentSource = "XML/XMLFixtures.xml"; } protected void LkbtnFixtures_Click(object sender, EventArgs e) { ResetMenu(); LkbtnFixtures.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLFixtures.xml"; } protected void LkbtnServices_Click(object sender, EventArgs e) { ResetMenu(); LkbtnServices.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLServices.xml"; } protected void Lkbtnsenior_Click(object sender, EventArgs e) { ResetMenu(); Lkbtnsenior.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLsenior.xml"; } protected void LkbtnGallery_Click(object sender, EventArgs e) { ResetMenu(); LkbtnGallery.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLGallery.xml"; XmlLeftColumn.DocumentSource=""; PhotoGallery.Visible = true; } protected void LKbtnContact_Click(object sender, EventArgs e) { ResetMenu(); LKbtnContact.CssClass = "active"; XmlLeftColumn.DocumentSource = "XML/XMLContact.xml"; } protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Stairwell"; // largeImage.ImageUrl = "~/images/Photos/100_0078.jpg"; } protected void ImageButton2_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Stairwell"; // largeImage.ImageUrl = "~/images/Photos/100_0079.jpg"; } protected void ImageButton3_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Apartments in Clairmorris"; // largeImage.ImageUrl = "~/images/Photos/100_0084.jpg"; } protected void ImageButton4_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Chimney Stack Using Beams"; // largeImage.ImageUrl = "~/images/Photos/100_0086.jpg"; } protected void ImageButton5_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Roofing Using Beams"; //largeImage.ImageUrl = "~/images/Photos/100_0087.jpg"; } protected void ImageButton6_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; //Label1.Text = "Temporary Roof in progress"; //largeImage.ImageUrl = "~/images/Photos/100_0099.jpg"; } protected void ImageButton7_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Development at Dawn meats"; // largeImage.ImageUrl = "~/images/Photos/100_0199.jpg"; } protected void ImageButton8_Click(object sender, ImageClickEventArgs e) { XmlLeftColumn.DocumentSource = ""; // Label1.Text = "Storage Yard"; // largeImage.ImageUrl = "~/images/Photos/100_0501.jpg"; } }
how can i get the submenu in to using the code the way i have itCode:/* Menu */ #menu-box { background: #323232 url('../images/menu-bg.gif') repeat-x 0 0; border-bottom: 1px solid #3B3B3B; } #menu { width: 900px; margin: 0 auto; background: #323232 url('../images/menu-bg.gif') repeat-x 0 0; } #menu li { display: inline; list-style-type: none; text-align: center; } #menu li a { font-size: 1.1em; color: #FFFFFF; font-weight: bold; float: left; display: block; padding: 0 1.6em; line-height: 35px; background: url('../images/li-border.gif') no-repeat 100% center; } #menu li a:hover, #menu li a.active { font-weight: bold; color: #FFCB5C; } #menu li asp:LinkButton:hover, #menu li asp:LinkButton.active { font-weight: bold; color: #FFCB5C; }


Reply With Quote
Bookmarks