Just do the following:
form { margin: 0; }
I'm not sure of the specs on the form element, but apparently it has
default margins (at least top and bottom ones) that can be very
annoying when you are trying to fit a form into a small space.
anyway, that css statement should fix your problem.
jake
On Mon, 5 Mar 2001 16:16:30 -0700, "Andy Ward"
<[EMAIL PROTECTED]> wrote:
>I'm making a search form and trying to fit it into a small area using CSS,
>Netscape 6 will make the select elements smaller but will make text input
>items the standard size. If I add the following doctype definition <!DOCTYPE
>HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>"http://www.w3.org/TR/html4/loose.dtd"> it will render the text input boxes
>and the select items the same size BUT it will add allot of extra space
>above each form element in the table they are in as though I had put a <br>
>in before the input. I'm going crazy with this, I've spent most of the day
>trying all kinds of things, any help would be appreciated. The problem is in
>the table I think since it will still add the space even if I put the form
>elements in comment tags, the table was made by Macromedia Fireworks here is
>the code for it.
>
><form method="get" action="partsContent.htm" target="main"
>onsubmit="parent.frames[1].reset()">
><table border="0" cellpadding="0" cellspacing="0" width="600">
>
><!-- fwtable fwsrc="walbroParts4Header.png" fwbase="partsHead.gif" -->
> <tr valign="top"><!-- row 1 -->
> <td rowspan="5" colspan="3"><map name="FPMap1">
> <area href="../index.shtm" target="_top" shape="polygon" coords="11, 4,
>48, 5, 40, 37, 1, 38"></map><img name="partsHead_r1_c01"
>src="images/partsHead_r1_c01.gif" width="303" height="51" border="0"
>usemap="#FPMap1"></td>
> <td rowspan="5"><img name="partsHead_r1_c04"
>src="images/partsHead_r1_c04.gif" width="128" height="51" border="0"></td>
> <td rowspan="2"><img name="partsHead_r1_c05"
>src="images/partsHead_r1_c05.gif" width="12" height="27" border="0"></td>
> <td rowspan="2"><img name="partsHead_r1_c06"
>src="images/partsHead_r1_c06.gif" width="44" height="27" border="0"></td>
> <td rowspan="2"><img name="partsHead_r1_c07"
>src="images/partsHead_r1_c07.gif" width="5" height="27" border="0"></td>
> <td rowspan="2" colspan="3"><img name="partsHead_r1_c08"
>src="images/partsHead_r1_c08.gif" width="100" height="27" border="0"></td>
> <td rowspan="8"><img name="partsHead_r1_c11"
>src="images/partsHead_r1_c11.gif" width="7" height="77" border="0"></td>
> <td><img name="partsHead_r1_c12" src="images/partsHead_r1_c12.gif"
>width="1" height="1" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 2 -->
> <td><img name="partsHead_r2_c12" src="images/partsHead_r2_c12.gif"
>width="1" height="26" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 3 -->
> <td rowspan="2" colspan="3" background="images/part.gif">
> <!-- <select style="font-size: 8pt; color: blue">
> <option> </option>
> <option>HDA</option>
> <option>HDB</option>
> <option>HD</option>
> <option>HDC</option>
> </select> -->
> </td>
> <td rowspan="3"><img name="partsHead_r3_c08"
>src="images/partsHead_r3_c08.gif" width="8" height="24" border="0"></td>
> <td rowspan="2" background="images/part.gif"><!-- <input type="text"
>name="T1" size="10" style="font-size: 8pt; color: blue" onBlur="submit()"
>value="dal"> --></td>
> <td><img name="partsHead_r3_c10" src="images/partsHead_r3_c10.gif"
>width="27" height="11" border="0"></td>
> <td><img name="partsHead_r3_c12" src="images/partsHead_r3_c12.gif"
>width="1" height="11" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 4 -->
> <td rowspan="3"><!-- <input type="image" name="partGo"
>src="images/partGo.gif" width="27" height="24" border="0"> --></td>
> <td><img name="partsHead_r4_c12" src="images/partsHead_r4_c12.gif"
>width="1" height="10" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 5 -->
> <td colspan="3"><img name="partsHead_r5_c05"
>src="images/partsHead_r5_c05.gif" width="61" height="3" border="0"></td>
> <td><img name="partsHead_r5_c09" src="images/partsHead_r5_c09.gif"
>width="65" height="3" border="0"></td>
> <td><img name="partsHead_r5_c12" src="images/partsHead_r5_c12.gif"
>width="1" height="3" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 6 -->
> <td rowspan="3"><map name="FPMap0">
> <area href="javascript:openHelp()" shape="circle" coords="23, 10,
>10"></map><img name="partsHead_r6_c01" src="images/partsHead_r6_c01.gif"
>width="109" height="26" border="0" usemap="#FPMap0"></td>
> <td rowspan="2" background="images/manufacturer.gif">
> <!-- <select style="font-size: 8pt; color: blue">
> <option>-SELECT-</option>
> <option>Stihl</option>
> <option>Husqvarna</option>
> <option>Homelite</option>
> <option>McCullough</option>
> </select> -->
> </td>
> <td rowspan="3"><img name="partsHead_r6_c03"
>src="images/partsHead_r6_c03.gif" width="55" height="26" border="0"></td>
> <td rowspan="2" colspan="2" background="images/manufacturer.gif">
> <select style="font-size: 8pt; color: blue">
> <!-- <option>-SELECT-</option>
> <option>Leaf Blower</option>
> <option>Chainsaw</option>
> <option>Weed Eater</option>
> <option>Lawn Mower</option>
> </select> -->
> </td>
> <td rowspan="3"><img name="partsHead_r6_c06"
>src="images/partsHead_r6_c06.gif" width="44" height="26" border="0"></td>
> <td rowspan="2" colspan="3" background="images/manufacturer.gif"><!--
><input type="text" name="T1" size="11" style="font-size: 8pt; color:
>blue"> --></td>
> <td><img name="partsHead_r6_c12" src="images/partsHead_r6_c12.gif"
>width="1" height="11" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 7 -->
> <td rowspan="2"><img name="partsHead_r7_c10"
>src="images/partsHead_r7_c10.gif" width="27" height="15" border="0"></td>
> <td><img name="partsHead_r7_c12" src="images/partsHead_r7_c12.gif"
>width="1" height="10" border="0"></td>
> </tr>
> <tr valign="top"><!-- row 8 -->
> <td><img name="partsHead_r8_c02" src="images/partsHead_r8_c02.gif"
>width="139" height="5" border="0"></td>
> <td colspan="2"><img name="partsHead_r8_c04"
>src="images/partsHead_r8_c04.gif" width="140" height="5" border="0"></td>
> <td colspan="3"><img name="partsHead_r8_c07"
>src="images/partsHead_r8_c07.gif" width="78" height="5" border="0"></td>
> <td><img name="partsHead_r8_c12" src="images/partsHead_r8_c12.gif"
>width="1" height="5" border="0"></td>
> </tr>
></table></form>
>
>The page can be found at www.ewalbro.com/products/parts.htm
>
>Thanks
>Andy Ward
>
