This is a migrated thread and some comments may be shown as answers.

[Solved] RadMenu CSS is messed up

4 Answers 127 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Brett
Top achievements
Rank 1
Brett asked on 20 Jul 2009, 06:34 PM

On using the RadMenu, it appears that the text is out of alignment of where it should be.  Why is this?  Please see the code and picture.

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="Layouts_MasterPage" %> 
<%@ Register TagPrefix="uc" TagName="HeaderNavigation" Src="~/Layouts/Controls/HeaderNavigation.ascx" %> 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
 
<style type="text/css">  
.menuclass{ height:25px; }  
.submenuclass { height:16px;}  
 
</style> 
 
    <title></title>  
    <link type="text/css" id="csslink" href="../App_Themes/Custom/Theme.css" /> 
    <asp:ContentPlaceHolder id="head" runat="server">      
    </asp:ContentPlaceHolder> 
</head> 
<body style="background-color:White;" runat="server">  
    <form id="form1" runat="server" style="background-color: #FFFFFF">                     
            <div id="maindiv" style="width: 1200px; height: 750px; margin-left:auto; margin-right:auto;" runat="server">  
                <telerik:RadMenu ID="RadMenu1" Height="25px"  Runat="server" Skin="Vista">  
                <Items> 
                    <telerik:RadMenuItem    runat="server" Text="St. Michael's">                          
                        <Items> 
                            <telerik:RadMenuItem runat="server"  NavigateUrl="http://www.cathedralhealth.org"  Text="St. Michael's Medical Center">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"  NavigateUrl="http://smmc-wssrv1/default.aspx"  Text="St. Michael's Intranet Site">  
                            </telerik:RadMenuItem>                              
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items>    
                <Items> 
                    <telerik:RadMenuItem runat="server"   Text="Personal Information">  
                        <Items> 
                            <telerik:RadMenuItem runat="server"    Text="Account Information">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"   Text="Family Information">  
                            </telerik:RadMenuItem>                                                          
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items>       
                <Items> 
                    <telerik:RadMenuItem runat="server"   Text="Mass Prophylaxis">  
                        <Items>                                                  
                            <telerik:RadMenuItem runat="server"    Text="Employee Screening">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"    Text="Family Profile">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"   Text="How to Tutorial">  
                            </telerik:RadMenuItem>    
                        </Items> 
                    </telerik:RadMenuItem>                                        
                </Items> 
                <Items> 
                    <telerik:RadMenuItem runat="server"   Text="Site Information">                          
                        <Items> 
                            <telerik:RadMenuItem runat="server"   Text="General Site Information">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"   Text="Tutorials">  
                                <Items> 
                                    <telerik:RadMenuItem runat="server"   Text="How To Fill Out Information">  
                                    </telerik:RadMenuItem> 
                                    <telerik:RadMenuItem runat="server"   Text="Administrative Tutorials">  
                                        <Items> 
                                            <telerik:RadMenuItem runat="server"   Text="How to View and Modify Users">  
                                            </telerik:RadMenuItem> 
                                            <telerik:RadMenuItem runat="server"   Text="Employee Family Information">  
                                            </telerik:RadMenuItem>   
                                            <telerik:RadMenuItem runat="server"   Text="How to Print Forms">  
                                            </telerik:RadMenuItem>                                              
                                        </Items> 
                                    </telerik:RadMenuItem> 
                                </Items>                              
                            </telerik:RadMenuItem>                              
                            <telerik:RadMenuItem runat="server"   Text="Tutorial About the Site">  
                            </telerik:RadMenuItem>                              
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items>    
                <Items> 
                    <telerik:RadMenuItem runat="server"  Text="Technical Support">                          
                        <Items> 
                            <telerik:RadMenuItem runat="server"  Text="Contact Site Administrator">                                                                  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"  Text="Suggestions or Comments">                                  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"  Text="Issues with Site">  
                            </telerik:RadMenuItem> 
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items>            
                <Items> 
                    <telerik:RadMenuItem runat="server"  Text="Health and Awareness">  
                        <Items> 
                            <telerik:RadMenuItem runat="server"  NavigateUrl="http://www.cdc.gov" Text="CDC Site">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"  Text="Latest News">  
                            </telerik:RadMenuItem> 
                            <telerik:RadMenuItem runat="server"  Text="Disaster Preparedness">  
                            </telerik:RadMenuItem> 
                        </Items> 
                    </telerik:RadMenuItem> 
                </Items>                              
            </telerik:RadMenu> 
                <br />                      
              
          
            <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">  
            </telerik:RadScriptManager>       
           </div>                 
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">                      
          
        </asp:ContentPlaceHolder> 
        <br /> 
        <br /> 
        <br /> 
      
    </form> 
</body> 
</html> 
 

4 Answers, 1 is accepted

Sort by
0
Brett
Top achievements
Rank 1
answered on 20 Jul 2009, 06:38 PM
Free Image Hosting at www.ImageShack.us

QuickPost ">Radmenu css is messed up
0
Yana
Telerik team
answered on 23 Jul 2009, 08:58 AM
Hi Brett,

I am not able to open the link to the image.

This seems a css style issue, so could you please provide us with a live url where we could observe it? Thanks

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Brett
Top achievements
Rank 1
answered on 27 Jul 2009, 02:25 PM
I don't have a link to the website per se, but if I were to post a link to a picture of what is going on, would you be able to copy that link and paste it into your browser?
0
Yana
Telerik team
answered on 27 Jul 2009, 02:42 PM
Hi Brett,

The image showing the issue will not be enough as I need to inspect the used css styles on the page.

Best regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
General Discussions
Asked by
Brett
Top achievements
Rank 1
Answers by
Brett
Top achievements
Rank 1
Yana
Telerik team
Share this question
or