Design and CSS styles
Version 5.x > Design and CSS styles > zoneleft menu View modes: 
User avatar
Member
Member
ypanchal-yahoo - 5/10/2010 10:51:33 AM
   
zoneleft menu
I am using Header and Text with left Menu(inherited) template and I am having problem with the word-wrap. I have long title page name and I want to be wrap and should be within the defined size of the zone. I tried different ways but not luck. I will appreciate any help to resolve this issue.

Thanks,
Yash

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 5/18/2010 7:26:36 AM
   
RE:zoneleft menu
Hello,

I believe that issue here is with the Tree menu and its CSS styles.

Please check if you don't have in your CSS stylesheet definition this piece of code:

.CMSTreeMenuTable a
{
white-space: nowrap;
}

This is code which forbids wrapping, in case you have it in your stylesheet please delete it.
It should solve the problem.

Best regards
Ondrej Vasil

User avatar
Member
Member
ypanchal-yahoo - 5/19/2010 11:22:13 AM
   
RE:zoneleft menu
Hello,

Yes, it works now. But in IE I am seeing Bullet in the middle. Can I have it on the top and also I need second line starts after one space so it can look aligned with the first line.

Thanks for you help.
Yash

User avatar
Kentico Developer
Kentico Developer
kentico_ondrejv - 5/28/2010 8:25:00 AM
   
RE:zoneleft menu
Hello,

You can achieve that by amending the CSS styles in your stylesheet. So for instance you can find CMSTreeMenuLink, subCMSTreeMenuLink, CMSTreeMenuSelectedLink and subCMSTreeMenuSelectedLink classes and add following properties definitions:

margin-left:20px;
display: block;
background-position: 2px 5px;


It will make the link element as block element with optional margin and position of the background bullet image.


Anyway, I would rather recommend you going with CSS List Menu webpart if you want to play more with the menu design. This CSS List Menu uses unordered lists for the menu items which makes it fully CSS driven and easily manageable. Please take a look at following article for inspiration: http://www.alistapart.com/articles/taminglists/

Best regards
Ondrej Vasil

User avatar
Member
Member
Yash - 6/1/2010 4:40:39 PM
   
RE:zoneleft menu
Thanks,
Yash