- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
Anyone? Please!
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.
I would recommend using display: inline-block;
instead of floats, that way you can set vertical-align: top;
and be done with it.
Doesnt inline-block have ie issues?
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/
Dave and Josh, thank you so much for your advise. I will try both!
Resolved, it was a plugin code issue.