Menu Control - Selected Item Style - Background image showing twice


I

IntraRELY

The problem I have having is that the Selected Menu Item when displayed in the brower shows greenarrow.gif twice. Once for the Text of the Menu Item (as the background image) and another for the Menu Item itself. I believe this is how it is being rendered and that somehow the CSS class is being applies once for the actual text or the object which contains it and another for the menu item. I have no other places where this file is specified. Not sure how to fix this here.

Any help appreciated. Here is my code:

SiteMap
ASP Code
CSS Classes used

TIA,

Steve


I have a menu that is filled from the web.sitemap datasource as follows:
<?xml version="1.0" encoding="utf-8" ?>

<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

<siteMapNode>

<siteMapNode url="AboutGreenbridge.aspx" title="About Greenbridge" description="" />

<siteMapNode url="DebtProducts.aspx" title="Debt Products" description="" />

<siteMapNode url="InvestmentCriteria.aspx" title="Investment Criteria" description="" />

<siteMapNode url="SelectedTransactions.aspx" title="Selected Transactions" description="" />

<siteMapNode url="ValueProposition.aspx" title="Value Proposition" description="" />

<siteMapNode url="OurTeam.aspx" title="Our Team" description="" />

<siteMapNode url="Contact.aspx" title="Contact" description="" />

<siteMapNode url="Default.aspx" title="Home" description="" />

</siteMapNode>

</siteMap>


Here is my ASP code located in the MasterPage.Master:

<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" >

<StaticMenuStyle CssClass="menuStyle" />

<StaticMenuItemStyle CssClass="menuStyleItem" />

<StaticSelectedStyle CssClass="menuStyleSelected" />

</asp:Menu>

<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />





I have the following CSS Classes:

..menuStyle

{

font-family: tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: 11px;

text-decoration:none;

font-weight:normal;

color:#4d4d4d;

display:block;

padding-left:20;

padding-right:10;

width:214px;

}

..menuStyleItem

{

border-bottom:solid 1px #ececec;

padding:3;


}

..menuStyleSelected

{

background-color:#f0f0f0;

background-image:url(sitegraphics/greenarrow.gif);

background-repeat:no-repeat;

background-position:right center;

}
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top