Design and CSS styles
Version 4.x > Design and CSS styles > Text Align issue when using images in horizontalCMSMenu View modes: 
User avatar
Member
Member
popnutter - 11/29/2009 8:02:00 PM
   
Text Align issue when using images in horizontalCMSMenu
Has anyone else experienced this issue? I've attached an image to show what I mean.

Whenever I add a left image to a menu item on the horizontalCMSMenu, the menu item text is dropping to the bottom, whereas if there is no associated left image the text is automatically centered vertically.

I've tried everything I can think of to solve the problem but I'm no further forward!

Can anyone help please?

Cheers!

User image

User avatar
Member
Member
popnutter - 11/30/2009 7:21:51 AM
   
RE:Text Align issue when using images in horizontalCMSMenu
Having had a play around with this, it seems that the image needs to have vertical-align: middle; within it's styling to align the text within the same td cell - but I can't see a way of altering the style of the image on it's own (adding the vertical-align to the td doesn't have any effect).

Can anyone suggest a way of doing this please?

Thanks.

User avatar
Kentico Developer
Kentico Developer
kentico_zbysekn - 12/22/2009 3:44:55 AM
   
RE:Text Align issue when using images in horizontalCMSMenu
Hi,
you can adjust the HTML code rendered by menu webpart to fit your styling needs by adjusting the value of its menu element renderedHTML property.
Regarding the styling, this could be little bit tricky, the easiest way is to use image as background.
Best Regards,
Zbysek Nemec.