All of the menu demos show the menu in full width with a blank spot to the right of the last menu item. I want to shrink the size of my menu down and float it right but I can NOT get rid of that space, is there a way to make it go away?
Currently I have hid all the borders so it's not as noticeable but the gap over there is bigger than on the left.
Help?
Thanks in advance!
Currently I have hid all the borders so it's not as noticeable but the gap over there is bigger than on the left.
Help?
Thanks in advance!
5 Answers, 1 is accepted
0
Lisa
Top achievements
Rank 1
Rank 1
answered on 24 Jul 2012, 09:09 PM
I did this, in case anyone is interested. Or if anyone wants to tell me this is a bad idea and why.
.k-menu .k-last { margin-right: -4px; } (I have a width set to my menu in the div container it sits in, so the -4 is probably specific to my case)
0
Mark
Top achievements
Rank 1
Rank 1
answered on 05 Aug 2012, 10:29 PM
This style may have something to do with it:
Remove that and your space goes away.
.k-menu:after /* clear fix to expand content */ { content: '\A0'; display: block; width: 99%; height: 0; overflow: hidden; }
Remove that and your space goes away.
0
Hi,
Actually, it would be better if that rule stays in place, as it helps with Menu sizing. The non-breaking space in the content is to blame, remove it to avoid the 4px gap /float: inherit was added to avoid some weirdness in IE/:
.k-menu:after /* clear fix to expand content */
{
content: '';
display: block;
width: 99%;
height: 0;
float: inherit;
overflow: hidden;
}
The fix will be also available in the service pack.
Greetings,
Kamen Bundev
the Telerik team
Actually, it would be better if that rule stays in place, as it helps with Menu sizing. The non-breaking space in the content is to blame, remove it to avoid the 4px gap /float: inherit was added to avoid some weirdness in IE/:
.k-menu:after /* clear fix to expand content */
{
content: '';
display: block;
width: 99%;
height: 0;
float: inherit;
overflow: hidden;
}
The fix will be also available in the service pack.
Greetings,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Asaf
Top achievements
Rank 2
Rank 2
answered on 28 Nov 2012, 10:45 PM
Can someone please upload an example?
Can't make it work even after the fix.
Thanks!
Can't make it work even after the fix.
Thanks!
0
Hi Asaf,
Then probably the issue you have is not the same as the one discussed. Can you open a new thread and post a sample page or a live URL where we can reproduce this issue and help you fix it?
Regards,
Kamen Bundev
the Telerik team
Then probably the issue you have is not the same as the one discussed. Can you open a new thread and post a sample page or a live URL where we can reproduce this issue and help you fix it?
Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!