• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 187
  • Last Modified:

asp menu styling

Hi experts,

attached is an aspx file which contains asp menu. i this have used styles but same are not getting applied to the menu also  there is an icon for each menu which sticked to the menuname which i want to seperate i.e. give some padding between the two

Please help me on this

  • 2
1 Solution
I've tried the code below and added a screenshot of what I see - is this what you're hoping for?

If not, where is it going wrong? menu that I see with the attached code
<head id="Head1" runat="server">

<style type="text/css"> 
.menu_item { text-decoration:none; text-align:left;
            color:#008394; border:1px solid #682c00; 
            font: 12px Verdana; width:160px; margin:1px; }
      .menu_hover { color:#fff; background:#008394; }


    <form id="form1" runat="server">
<asp:Menu ID="menu1" runat="server" Orientation="vertical" Visible="true"
    StaticDisplayLevels="1" StaticSubMenuIndent="0">
       <StaticMenuItemStyle CssClass="menu_item" />
       <StaticSelectedStyle CssClass="menu_item" />
       <StaticHoverStyle CssClass="menu_hover" />
</html> [embed=image 517577]

Open in new window

I was hovering over the third item when the shot was taken, and had repointed the page_load code to the demo pictures in Win 7 for the icons :)
vikas_nmAuthor Commented:

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now