Welcome Guest Search | Active Topics | Sign In | Register

Menu Highlighting Smaller Font - Options
Sungard.com
Posted: Monday, August 6, 2007 6:29:16 PM
Rank: Newbie
Groups: Member

Joined: 6/28/2007
Posts: 5
Please see the following layout.

I changed the Default layout font to be 9pt

But when I added Padding of 2 5 5 2

Everytime the Hover over happens the font seems to be smaller than the normal menu font.

I have checked and I either have 9pt or nothing at all.

Please let me know. It has been driving me crazy all day


<eo:Menu ID="Menu1" runat="server" CollapseDelay="600" TargetFrame="idContents" Width="100%" ClientSideOnItemClick="ClickHandler" >
<LookItems>
<eo:MenuItem HoverStyle-CssText="background-color:#ffe6aa;" ItemID="_Default" NormalStyle-CssText="background-color:#ffcf63;font-size:9pt;padding-bottom:2px;padding-left:5px;padding-right:5px;padding-top:2px;">
<SubMenu CollapseEffect-Type="GlideTopToBottom" ExpandEffect-Type="GlideTopToBottom"
Style-CssText="background-color:#ffcf63;border-bottom-color:gray;border-bottom-style:solid;border-bottom-width:1px;border-left-color:gray;border-left-style:solid;border-left-width:1px;border-right-color:gray;border-right-style:solid;border-right-width:1px;border-top-color:gray;border-top-style:solid;border-top-width:1px;font-family:Verdana;font-size:9pt;padding-bottom:2px;padding-left:5px;padding-right:5px;padding-top:2px;">
</SubMenu>
</eo:MenuItem>
</LookItems>
<TopGroup>
<Items>
<eo:MenuItem Text-Html="New Menu Item">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="New Menu Item">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
<SubMenu>
<Items>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
</Items>
</SubMenu>
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
<eo:MenuItem Text-Html="New Menu Item">
</eo:MenuItem>
</Items>
</TopGroup>

</eo:Menu>
eo_support
Posted: Monday, August 6, 2007 8:44:09 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

The problem is actually not the font. It's the padding. Generally when you set padding, you should set it both on NormalStyle and HoverStyle, and make sure the padding and border setting on both style add up to the same value. For example, if you want HoverStyle to have a 1 pixel border, you can set NormalStyle to "2 5 5 2" and HoverStyle to "2 4 4 2". Note the two 5 numbers, which are left and right padding, becomes 4 4 in HoverStyle, because 4 + 1 pixel border width = 5.

In your case you don't have a border setting on your HoverStyle. So you can just apply the same padding setting on NormalStyle.

Thanks


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.