Click here to get back home

form in row, row too high

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
form in row, row too high John Smith 04-21-2008
Posted by John Smith on April 21, 2008, 8:14 pm
Please log in for more thread options
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 <form> and
</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><u> Advanced</u></font>
</form>

Posted by Beauregard T. Shagnasty on April 21, 2008, 8:45 pm
Please log in for more thread options
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

Posted by dorayme on April 21, 2008, 9:10 pm
Please log in for more thread options
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 <form> and
> </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><u> Advanced</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

Posted by Ben C on April 22, 2008, 3:29 am
Please log in for more thread options
> 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 <form> and
></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.

Posted by John Smith on April 22, 2008, 7:47 pm
Please log in for more thread options
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

Similar ThreadsPosted
what is the actual range of processor....its high or low... March 11, 2008, 7:29 am
Simple high-ascii character encoding August 25, 2005, 3:52 am
ReDefining High Paying Keyword for Google December 9, 2007, 11:54 am
one form per row - possible? August 20, 2004, 1:59 am
muliple form uses August 7, 2004, 6:38 pm
Form Question August 10, 2004, 7:01 am
without

break

November 7, 2004, 8:44 pm
form validation November 28, 2004, 1:14 am
Help with Form Action December 6, 2004, 3:20 pm
Form question December 17, 2004, 3:59 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap