We have plenty of forms on our site and they all behave pretty well, except our
search box. The coding is exactly the same, the style sheets are the same, but
the text input box is huge!
http://www.csatravelprotection.com/csa/help.do
The only variation is the form action. It is referencing a
Hi Everyone
This brings up a good topic.
Apparently, my problem arises from creating a div with an id=search to place
a search box in part of the page. This is currently commented out.
Then, I used search as the id of an input field to relate to a label.
So, the input is grabbing the styles
In your forms.css file, this line is causing the problem:
#search {width:215px; clear:left; padding-top:15px; }
Change the padding-top to 1px or something and it looks normal.
Paul
**
The discussion list for http://webstandardsgroup.org/
We have plenty of forms on our site and they all behave pretty well, except our
search box. The coding is exactly the same, the style sheets are the same, but
the text input box is huge!
http://www.csatravelprotection.com/csa/help.do
The only variation is the form action. It is referencing a
Check all your styles relating to #search... which appear to be set up
for a form. However, your form is contained in #stack, and #search is
simply an input. The extra height is caused by padding.
The fix is: 1. replace #search with #stack in your css, or 2. change
#stack to #search in your