Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Need a help with vertical alignment of input fields

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 20, 2012 at 1:59 pm #36755
    Gosia
    Member

    Hello,

    I need a help with a vertical alignment of the input fields. I want the text input boxes to be aligned with each other. Please take a look: http://www.carteretcountyforeclosures.com/foreclosures/

    This website is a WordPress site. This search form is in the IDX Plugin. This misalignment is happening only in this particular WP Theme. If I change the theme everything looks great. So I know there is something wrong with this style.css. Here’s the link http://www.carteretcountyforeclosures.com/files/style.css

    Could you please help? I’ve spend so much time for searching for resolution of this and nothing seems to work for me.

    Thank you in advance for your time and effort.

    February 20, 2012 at 5:30 pm #97041
    Gosia
    Member

    Anyone? Please!

    February 20, 2012 at 5:47 pm #97042
    DaveKelly
    Member

    label for=”MaxYear”>to

    You label line

    It has something to do with the way this line is positioned in the code. When you remove it, the two boxes line up.

    Why dont you move the label so there both in the Div=”label” and then just float the first one left and the “to” float it right.

    Then just add a div class=”clear” after the label div.

    February 20, 2012 at 5:47 pm #97043
    joshuanhibbert
    Member

    I would recommend using display: inline-block; instead of floats, that way you can set vertical-align: top; and be done with it.

    February 20, 2012 at 5:52 pm #97044
    DaveKelly
    Member

    Doesnt inline-block have ie issues?

    February 20, 2012 at 6:23 pm #97045
    joshuanhibbert
    Member

    Have a look at this article I wrote on inline-block: http://joshnh.com/2012/02/why-you-should-use-inline-block-when-positioning-elements/

    February 20, 2012 at 7:15 pm #97047
    Gosia
    Member

    Dave and Josh, thank you so much for your advise. I will try both!

    February 20, 2012 at 9:39 pm #97060
    Gosia
    Member

    Resolved, it was a plugin code issue.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.