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

Radmenu Padding

9 Answers 368 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Teoman
Top achievements
Rank 1
Teoman asked on 23 Nov 2009, 12:41 PM
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?

9 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 23 Nov 2009, 01:10 PM
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.
0
Teoman
Top achievements
Rank 1
answered on 23 Nov 2009, 07:50 PM
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>

0
Yana
Telerik team
answered on 24 Nov 2009, 12:01 PM
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.
0
Teoman
Top achievements
Rank 1
answered on 24 Nov 2009, 08:07 PM
now it fixed in ie with this code but i have again problem same problem with firefox.
0
Yana
Telerik team
answered on 25 Nov 2009, 12:17 PM
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.
0
Teoman
Top achievements
Rank 1
answered on 26 Nov 2009, 02:44 PM
0
Yana
Telerik team
answered on 26 Nov 2009, 03:18 PM
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.
0
Teoman
Top achievements
Rank 1
answered on 26 Nov 2009, 03:46 PM
Hi Yana,
i removed it but now another problem.how can i change my text padding from left under in my submenus?
0
Yana
Telerik team
answered on 27 Nov 2009, 07:36 AM
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.
Tags
Menu
Asked by
Teoman
Top achievements
Rank 1
Answers by
Yana
Telerik team
Teoman
Top achievements
Rank 1
Share this question
or