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
0
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.
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>
<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
Hello Teoman,
Please use "!important" css rule to overwrite your custom styles and let us know how it goes:
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.
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
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.
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
Hi Teoman,
Please remove the text-indent property from the 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.
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?
i removed it but now another problem.how can i change my text padding from left under in my submenus?
0
Hello Teoman,
The padding should be added like this:
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.
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.