Radmenu Padding

10 posts, 0 answers
  1. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 23 Nov 2009 Link to this post

    I have radmenu with width 900px and i have 5 root menu items with images each of 180px.When i add image to root items and clear text areas on menus ,  radmenu will put space between these root menu items images.how can i fix these spaces?
  2. Yana
    Admin
    Yana avatar
    4910 posts

    Posted 23 Nov 2009 Link to this post

    Hi Teoman,

    Please check this online example for a image-only menu.

    Greetings,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 23 Nov 2009 Link to this post

    i am using custom skin.when i add this style into my head its working.but when i put it into menu's stylesheet its not working.Can you help me about this problem?

    <style type="text/css">
            div.RadMenu a.rmLink .rmLeftImage
            {
                position: relative;
            }
            
            div.RadMenu .rmItem .rmLink .rmLeftImage,
            div.RadMenu .rmItem .rmLink,
            div.RadMenu .rmLink .rmText
            {
                margin: 0;
                padding: 0;
            }
        </style>

  4. Yana
    Admin
    Yana avatar
    4910 posts

    Posted 24 Nov 2009 Link to this post

    Hello Teoman,

    Please use "!important" css rule to overwrite your custom styles and let us know how it goes:

    <style type="text/css">
            div.RadMenu a.rmLink .rmLeftImage
            {
                position: relative !important;
            }
             
            div.RadMenu .rmItem .rmLink .rmLeftImage,
            div.RadMenu .rmItem .rmLink,
            div.RadMenu .rmLink .rmText
            {
                margin: 0 !important;
                padding: 0 !important;
            }
        </style>


    All the best,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  5. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 24 Nov 2009 Link to this post

    now it fixed in ie with this code but i have again problem same problem with firefox.
  6. Yana
    Admin
    Yana avatar
    4910 posts

    Posted 25 Nov 2009 Link to this post

    Hello Teoman,

    This is very strange, could you please provide us with a live url where we could observe the problem?

    Regards,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  7. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009
  8. Yana
    Admin
    Yana avatar
    4910 posts

    Posted 26 Nov 2009 Link to this post

    Hi Teoman,

    Please remove the text-indent property from the style:

    div.RadMenu .rmItem .rmLink .rmLeftImage,
    div.RadMenu .rmItem .rmLink,
    div.RadMenu .rmLink .rmText
    {
            margin: 0 !important;
            padding: 0 !important;
            TEXT-INDENT: 30px !important;
            text-align:left;
    }


    All the best,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  9. Teoman
    Teoman avatar
    69 posts
    Member since:
    Jan 2009

    Posted 26 Nov 2009 Link to this post

    Hi Yana,
    i removed it but now another problem.how can i change my text padding from left under in my submenus?
  10. Yana
    Admin
    Yana avatar
    4910 posts

    Posted 27 Nov 2009 Link to this post

    Hello Teoman,

    The padding should be added like this:

    div.RadMenu .rmLink .rmText {
      padding-left: 30px !important;
    }

    Regards,
    Yana
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top