Solved

Reduce White Space in Dynamic Menu

Posted on 2013-12-25
8
428 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
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.

 
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

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.

Question has a verified solution.

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

Suggested Solutions

Many of us here at EE write code. Many of us write exceptional code; just as many of us write exception-prone code. As we all should know, exceptions are a mechanism for handling errors which are typically out of our control. From database errors, t…
Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
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…
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

929 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

11 Experts available now in Live!

Get 1:1 Help Now