Rank: Newbie Groups: Member
Joined: 1/22/2009 Posts: 1
|
I'm hoping someone can point me in the right direction. I've spent hours with the code below, simply trying to change the menu font color, both normal and hover to white. Nothing I change seems to effect the text color however. Can someone tell me what I'm doing wrong?
Code: HTML/ASPX
<eo:Menu ID="SiteMenu" runat="server" CheckIconUrl="OfficeCheckIcon" ControlSkinID="None"
EnableViewState="False" SaveStateCrossPages="True">
<LookItems>
<eo:MenuItem ItemID="_TopGroup">
<SubMenu ItemSpacing="3" LeftIconCellWidth="25" SideImage="Office2003SideBar"
Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:none;border-bottom-width:1px;border-left-color:#999999;border-left-style:none;border-left-width:1px;border-right-color:#999999;border-right-style:none;border-right-width:1px;border-top-color:#999999;border-top-style:none;border-top-width:1px;color:white;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;">
</SubMenu>
</eo:MenuItem>
<eo:MenuItem DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:1px;color:lightgrey"
HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;"
ItemID="_TopLevelItem" NormalStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:white;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:1px;"
SelectedStyle-CssText="background-color:white;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;">
<SubMenu CollapseEffect-Type="GlideTopToBottom" ExpandEffect-Type="GlideTopToBottom"
ItemSpacing="3" LeftIconCellWidth="25" SideImage="Office2003SideBar"
Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:white;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;">
</SubMenu>
</eo:MenuItem>
<eo:MenuItem IsSeparator="True" ItemID="_Separator" NormalStyle-CssText="background-color:#c5c2b8;height:1px;margin-left:30px;width:1px;">
</eo:MenuItem>
<eo:MenuItem DisabledStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;padding-bottom:1px;padding-left:2px;padding-right:5px;padding-top:1px;color:lightgrey"
HoverStyle-CssText="background-color:#c1d2ee;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;"
ItemID="_Default" NormalStyle-CssText="background-color:transparent;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:white;padding-bottom:1px;padding-left:2px;padding-right:5px;padding-top:1px;"
SelectedStyle-CssText="background-color:white;border-bottom-color:#316ac5;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#316ac5;border-left-style:solid;border-left-width:1px;border-right-color:#316ac5;border-right-style:solid;border-right-width:1px;border-top-color:#316ac5;border-top-style:solid;border-top-width:1px;padding-left:1px;padding-right:4px;padding-top:0px;"
Text-Padding-Right="30" Height="35">
<SubMenu CollapseEffect-Type="GlideTopToBottom" ExpandEffect-Type="GlideTopToBottom"
ItemSpacing="3" LeftIconCellWidth="25" SideImage="Office2003SideBar"
Style-CssText="background-color:#fcfcf9;border-bottom-color:#999999;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#999999;border-left-style:solid;border-left-width:1px;border-right-color:#999999;border-right-style:solid;border-right-width:1px;border-top-color:#999999;border-top-style:solid;border-top-width:1px;color:white;cursor:hand;font-family:Tahoma;font-size:8pt;padding-bottom:1px;padding-left:1px;padding-right:1px;padding-top:1px;">
</SubMenu>
</eo:MenuItem>
</LookItems>
<TopGroup Style-CssText="background-color:Transparent; color:White;">
<Items>
<eo:MenuItem HoverStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
NormalStyle-CssText="color:White;font-size:10pt; font-weight:bold;" SelectedExpandedStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
Text-Html="ORDERING ONLINE" Height="23">
<SubMenu Style-CssText="color:white;">
<Items>
<eo:MenuItem NavigateUrl="" Text-Html="Option 1">
</eo:MenuItem>
<eo:MenuItem NavigateUrl="" Text-Html="Option 2">
</eo:MenuItem>
<eo:MenuItem NavigateUrl="" Text-Html="Option 3">
<SubMenu>
</SubMenu>
</eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem HoverStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
NormalStyle-CssText="color:White;font-size:10pt;font-weight:bold;" SelectedExpandedStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
Text-Html="GROUP ORDER">
<SubMenu Style-CssText="color:white;">
</SubMenu>
</eo:MenuItem>
<eo:MenuItem HoverStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
NormalStyle-CssText="color:White;font-size:10pt;font-weight:bold;" SelectedExpandedStyle-CssText="color:White;font-size:10pt;font-weight:bold;"
Text-Html="MENU">
<SubMenu Style-CssText="color:white;">
</SubMenu>
</eo:MenuItem>
</Items>
</TopGroup>
</eo:Menu>
|
Rank: Administration Groups: Administration
Joined: 5/27/2007 Posts: 24,194
|
Hi,
We ran your code and both normal and hover are white. The problem is both the menu and sub menu have a white background, so the menu item is not visible when no menu item is selected because both the text and background are white.
Your result might be different because of your CSS styles. Try the menu in a blank page without anything else (no external CSS files, no master page, etc) and try to use the preview tab of the menu builder to preview changes. Once you get the desired result from there, you can then start to integrate it into your actual page.
Thanks!
|