?
Solved

Reduce White Space in Dynamic Menu

Posted on 2013-12-25
8
Medium Priority
?
441 Views
Last Modified: 2013-12-26
How do I reduce white space in the dynamic dropdown menu?

<asp:Menu ID="Menu1" runat="server"
                            Orientation="Horizontal"
                            CssClass="Menu"
                            RenderingMode="Table"
                            DynamicMenuItemStyle-ItemSpacing="1px"
                            DynamicMenuStyle-BackColor="White"
                            DynamicHorizontalOffset="1"
                            DynamicMenuItemStyle-BackColor="Yellow"
                            DynamicMenuItemStyle-VerticalPadding="1px"
                            DynamicMenuStyle-BorderStyle="Solid"
                            DynamicMenuStyle-HorizontalPadding="1px"
                            DynamicMenuStyle-VerticalPadding="1px"
                            DynamicSelectedStyle-BackColor="Lime"
                            DynamicVerticalOffset="1"  
                            IncludeStyleBlock="False"
                            MaximumDynamicDisplayLevels="2"
                            DisappearAfter="-1"
                            Height="16px" Width="100px">
           
                        <Items>
                            <asp:MenuItem NavigateUrl="#" Text="Basics" Value="mnuBasics">
                                <asp:MenuItem
                                    NavigateUrl="Default.aspx" Text="Home" Value="mnuHome" >
                                </asp:MenuItem>

Thank you
MainMenu.jpg
0
Comment
Question by:Dovberman
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 27

Accepted Solution

by:
Chinmay Patel earned 600 total points
ID: 39739632
It looks like some other stylesheet is messing with your menu's look.
Try:  
DynamicVerticalOffset="0"  
and
DynamicMenuStyle-VerticalPadding="0px"
0
 

Author Comment

by:Dovberman
ID: 39739655
Could it be the table cell or panel?

       <table class="auto-style1" id="tblMasterTest" style="width: 800px">
            <tr>
                <td id="celMissionStatement" colspan="2" class="auto-style4" style="width: auto; height: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-variant: normal; color: #0000FF; background-color: #FFFF00; text-align: center;">
                  <asp:Panel ID="pnlStockProMain" runat="server" BorderColor="Black" BackColor="Yellow" ForeColor="DarkBlue" HorizontalAlign="Center" Font-Bold="True" Width="800px">
                        StockPickerMax - 20 Stocks likely to gain 5 to10 percent over 30 days
                  </asp:Panel>
                </td>
            </tr>

            <tr>
                <td id="celMainMenu" class="auto-style4" colspan="2"
                    style="padding: 0px; font-family: Arial, Helvetica,
                    sans-serif; font-size: 12pt;
                    font-weight: bold; font-style: normal; color: #000000;
                    background-color: #FFFFFF;
                    border: thin solid #000000; width: 640px;">
             
                    <asp:Panel ID="Panel1" runat="server" BorderColor="Black"
                         BackColor="Yellow" ForeColor="DarkBlue"
                        HorizontalAlign="Left" Font-Bold="True" Height="72px">
                        <asp:Menu ID="Menu1" runat="server"
                            Orientation="Horizontal"
                            CssClass="Menu"
                            RenderingMode="Table"
                            DynamicMenuItemStyle-ItemSpacing="2px"
                            DynamicMenuStyle-BackColor="White"
                            DynamicHorizontalOffset="2"
                            DynamicMenuItemStyle-BackColor="Yellow"
                            DynamicMenuItemStyle-VerticalPadding="1px"
                            DynamicMenuStyle-BorderStyle="Solid"
                            DynamicMenuStyle-HorizontalPadding="1px"
                            DynamicMenuStyle-VerticalPadding="1px"
                            DynamicSelectedStyle-BackColor="Lime"
                            DynamicVerticalOffset="1"  
                            IncludeStyleBlock="False"
                            MaximumDynamicDisplayLevels="2"
                            DisappearAfter="-1"
                            Height="16px" Width="100px">
                        <Items>

Thanks
0
 
LVL 27

Expert Comment

by:Chinmay Patel
ID: 39739684
check style auto-style1 and auto-style4
0
Quick Cloud Training

Looking for some quick training on the cloud in 2 hours or less? Check out these how-to guides in AWS, Linux, OpenStack, Azure, and more!

 

Author Comment

by:Dovberman
ID: 39739693
Where are the auto-style properties?
0
 
LVL 27

Expert Comment

by:Chinmay Patel
ID: 39739697
It should be in the document itself. Look for a <style> tag. If not then look for any .css files which are stored in your project. And as a last resort you can just search for auto-style1 in the entire project.
0
 

Author Comment

by:Dovberman
ID: 39739700
This is my menu.css file

.Menu
{  

}

.Menu ul
{  
    background:#7795BD;
}

.Menu ul li
{
    background:#7795BD url(menu_bg.gif) repeat-x;
    text-align:center;
    /* set width if needed.*/
    width:200px;
}

.Menu ul li a {
    color: black;
    padding: 2px 2px 2px;
    padding-left: 8px !important;
    border: 1px solid #648ABD;
    border-bottom: 0;
    background-color: #FFFF00;
}

.Menu ul li a:hover
{
    background-image: none;
}

.Menu ul li a:hover
{
    color: White;
}

.Menu ul li a
{
    color: Black;
}
0
 
LVL 27

Expert Comment

by:Chinmay Patel
ID: 39739704
Did you look for:

And as a last resort you can just search for auto-style1 in the entire project.
0
 

Author Closing Comment

by:Dovberman
ID: 39739743
Thanks, but nothing helped.
0

Featured Post

Veeam Task Manager for Hyper-V

Task Manager for Hyper-V provides critical information that allows you to monitor Hyper-V performance by displaying real-time views of CPU and memory at the individual VM-level, so you can quickly identify which VMs are using host resources.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For most people, the WrapPanel seems like a magic when they switch from WinForms to WPF. Most of us will think that the code that is used to write a control like that would be difficult. However, most of the work is done by the WPF engine, and the W…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This is Part 3 in a 3-part series on Experts Exchange to discuss error handling in VBA code written for Excel. Part 1 of this series discussed basic error handling code using VBA. http://www.experts-exchange.com/videos/1478/Excel-Error-Handlin…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…

770 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question