How to vertically align middle a decorated button

3 posts, 0 answers
  1. Chris Marisic
    Chris Marisic avatar
    30 posts
    Member since:
    Sep 2009

    Posted 01 Oct 2009 Link to this post

    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?
  2. Martin
    Martin avatar
    585 posts

    Posted 02 Oct 2009 Link to this post

    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.
  3. DevCraft R3 2016 release webinar banner
  4. Robert
    Robert avatar
    198 posts
    Member since:
    Aug 2009

    Posted 16 Oct 2009 Link to this post

    this worked for us:










    padding-right: 6px !important;



Back to Top