Vertical align images inside table data

Posted on 2011-04-25
Last Modified: 2012-05-11
I have a table row with two cells. The first cell contains the search input with a background image. The second cell contains an image (not background image), which acts as the submit button.

I'm not able to get them to align vertically in IE7. Can someone tell me what I am missing? The two images are both the same height (25px).

You can see from the image that the input background image is about 2px higher than the submit button image.
Question by:mmoore500
    LVL 15

    Accepted Solution

    Try css code for submit button;

    Open in new window

    And it's better if you post your code so that we can see the problem.
    LVL 6

    Assisted Solution

    another thing you could try is applying CSS to the TD in question ensuring it has vertical-align:top or inline <td valign="top">

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    Suggested Solutions

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now