How to vertically align middle a decorated button

[Chris Marisic]

I have a very nice grid layout that has everything aligned perfectly except my decorated button, I see that it wraps my input button into an anchor tag in Firebug. I tried adding margin to the top of the anchor tag but that just causes my entire row to shift not the individual button. If I add padding to the anchor it causes all of the image assumptions to become messed up and makes the button not look right.

Is there a known solution to making this be vertically aligned in the middle as opposed to the top of the parent element?

[Martin]

Hi Chris Marisic,

Aligning an element vertically in XHTML is a hard task, because unlike in quirks mode, vertical-align does not apply to all elements. Try to set vertical-align: middle to the cell that the skinned button is in. If this does not work, send us a small running project and we wil try to fix this for you.

Best wishes,
Martin Ivanov
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.

[Robert]

this worked for us:

input.rfdDecorated

 

,

 

button.rfdDecorated

 

 

{

 

padding-right: 6px !important;

 

}