asp.menu background images using staticstylesheets
cssClass and styleSheets and the background-image property, but it is
not working. I am using a table (for now) which I know is bad and will
convert later to div's... but in the first td I successfully use the image
with the first cell...but then using the same image with the menu it does
not display. I can't figure out why. Here is the code:
Is there any other way of creating background images for asp.menus?
I have tried removing the background-color everwhere thinking this was
overridig the image and this did nothing. but leave me with a white background for my menu.
Here are my Styles:
.menuBar{
background-color : lightgray;
background-image : "images/menubackground3.gif"
}
.menuItem{
background-color : lightgray;
background-image : "images/menubackground3.gif"
}
Here is the table snippet:
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
<tr style="height: 16%">
<td colspan="1" style="width:40%" background="images/menubackground3.gif" >
</td>
<td colspan="1" style="width:63%">
<asp:Menu ID="ServicesMenu"
runat="server"
orientation="Horizontal"
OnMenuItemClick="ServicesMenu_MenuItemClick"
DynamicHorizontalOffset="1"
Font-Names="Verdana"
Font-Size="12px"
style=" text-align: right;" Height="53px" Width="100%">
<StaticSelectedStyle cssClass="menuItem" />
<StaticMenuItemStyle cssclass="menuItem" itemspacing="1px"
HorizontalPadding="5px" VerticalPadding="2px"/>
<StaticMenuStyle cssclass="menuBar" />
<StaticHoverStyle BackColor="LightGray" ForeColor="Red" />
<DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
<DynamicMenuStyle CssClass="menuItem" BackColor="#B5C7DE" />
<DynamicSelectedStyle BackColor="#507CD1" />
<DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
<Items>
<asp:MenuItem
NavigateUrl="/Services/INDEX.HTM"
ToolTip="Tax Recovery"
Value="Tax Recovery"
Text="Tax Recovery"></asp:MenuItem>
<asp:MenuItem
NavigateUrl="/Services/MAUDIT.htm"
ToolTip="Managed Audit"
Value="Managed Audit"
Text="ManagedAudit"></asp:MenuItem>
<asp:MenuItem
NavigateUrl="/Services/oilandgas.HTM"
ToolTip="Oil and Gas Specialists"
Value="Oil and Gas Specialists"
Text="Oil and Gas Specialists"></asp:MenuItem>
<asp:MenuItem
NavigateUrl="Services/usestudies.HTM"
ToolTip="Predominant Use Studies"
Value="Predominant Use Studies"
Text="Predominant Use Studies"></asp:MenuItem>
</Items>
</asp:Menu>
</td>
</tr>
</table>

