By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,481 Members | 1,211 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,481 IT Pros & Developers. It's quick & easy.

form in row, row too high

P: n/a
One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <formand
</form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.

Anyway to cure the problem?

=============================================
<form>
<font size=2 color="#aa3f30">search</font>

<select >
<option value="sci" selected >web</option>
<option value="sciencenow" >Daily News</option>
<option value="sigtrans" >Science</option>
<option value="sageke" >search</option>
<option value="scirecruit">Careers</option>
<option value="searchall">All Journals</option>
</select>
<input type="text" name="fulltext" value="" size="10" title="Enter
your search terms">
<input type="image" name="search_submit" value="go" src="go.gif"
alt="Go" ><font size=1 color=blue><uAdvanced</u></font>
</form>
Jun 27 '08 #1
Share this Question
Share on Google+
4 Replies


P: n/a
John Smith wrote:
One of the rows in a table
What table?
is twice as high as others. I trace the problem to the following code.
Post a URL, not a code fragment, especially one not showing what is
broken.

--
-bts
-Friends don't let friends drive Vista
Jun 27 '08 #2

P: n/a
In article <fu**********@aioe.org>, John Smith <js****@company.com>
wrote:
One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <formand
</form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.

Anyway to cure the problem?

=============================================
<form>
<font size=2 color="#aa3f30">search</font>

<select >
<option value="sci" selected >web</option>
<option value="sciencenow" >Daily News</option>
<option value="sigtrans" >Science</option>
<option value="sageke" >search</option>
<option value="scirecruit">Careers</option>
<option value="searchall">All Journals</option>
</select>
<input type="text" name="fulltext" value="" size="10" title="Enter
your search terms">
<input type="image" name="search_submit" value="go" src="go.gif"
alt="Go" ><font size=1 color=blue><uAdvanced</u></font>
</form>
Fix up this little bit of markup first. In fact, supply a proper url
with a doctype and all validated to demo your concern. Not too much to
ask, is it?

--
dorayme
Jun 27 '08 #3

P: n/a
On 2008-04-22, John Smith <js****@company.comwrote:
One of the rows in a table is twice as high as others. I trace the
problem to the following code. If I remove everything between <formand
</form>, the row would have a regular height. If I put anything in
between, even the word "test", suddenly, the row height doubles.

Anyway to cure the problem?
Possibly the default bottom margin on form of about 1em that some
browsers give you in quirks mode.

Set form { margin: 0 }, and use strict mode anyway.

You get strict mode by starting all pages with:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Post a URL.
Jun 27 '08 #4

P: n/a
Thanks for the replies.

The problem is, indeed, like what Ben said, form margin. Browsers tend
to leave blank spaces before and after forms. This usually would not be
a problem but when the form is in a table, this would double the row height.

The solution is to set the form margin to zero.

The following site has a detailed explanation.

http://www.cs.tut.fi/~jkorpela/forms/extraspace.html
Jun 27 '08 #5

This discussion thread is closed

Replies have been disabled for this discussion.