1

I'm using the ASP menu control, .NET 4.0. I finally got the styles working thanks to the answer on this post but now that I've set the controlRenderingCompatibilityVersion in my web.config to "4.0" I'm seeing my separator image underneath the Menu control. 

<div class="menuContainer">
        <asp:Menu ID="_menu" runat="server" EnableTheming="true" DataSourceID="_siteMap" CssClass="menuClass" IncludeStyleBlock="false" 
            Orientation="Horizontal" StaticBottomSeparatorImageUrl="../images/menuSepImage.jpg" OnMenuItemDataBound="_menu_OnDataBound">
        </asp:Menu>
        <asp:SiteMapDataSource ID="_siteMap" runat="server" ShowStartingNode="false" />
    </div>

I tried pulling out the default CSS styles that are auto-generated, and setting IncludeStyleBlock="false" but setting the #_menu img.horizontal-separator {} class in my CSS doesn't do anything, which is why I'm trying to set it with the StaticBottomSeparatorImageUrl property.

Community
  • 1
  • 1
Mark B
  • 1,166
  • 1
  • 19
  • 31
  • I just figured this out. in case anyone else has this problem, I added a class for .horizontal-separator {position:relative; top: -36px;} and set the height of my containing div menuContainer. – Mark B Oct 03 '11 at 19:59

1 Answers1

0

(Answered in the comment. Converted to a community wiki answer. See Question with no answers, but issue solved in the comments (or extended in chat) )

The OP wrote:

This solved the issue in case anyone else is wondering Add to CSS: .horizontal-separator { position:relative; top:-36px; } And set the height of the div that contains the menu.

Community
  • 1
  • 1
Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129