Solved

Reduce White Space in Dynamic Menu

Posted on 2013-12-25
8
426 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
  • 4
  • 4
8 Comments
 
LVL 27

Accepted Solution

by:
Chinmay Patel earned 300 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
 

Author Comment

by:Dovberman
ID: 39739693
Where are the auto-style properties?
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

A long time ago (May 2011), I have written an article showing you how to create a DLL using Visual Studio 2005 to be hosted in SQL Server 2005. That was valid at that time and it is still valid if you are still using these versions. You can still re…
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
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…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

708 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now