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>
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
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
|