Solved

Reduce White Space in Dynamic Menu

Posted on 2013-12-25
8
430 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
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
asp enable view state 1 24
Expression Evaluater 3 25
Linq asp.net mvc 13 10
MailAddress in vb 4 15
ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
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…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

777 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