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
