scripter73
Programmer
Hi,
I have an HTML page with about 7 tables. All of the tables are separated with a <hr>, and most of them line up one right under the other. However, two tables have this annoying space between them that I CANNOT get rid of. Can someone inform me what I'm doing wrong with these two tables that I'm not doing with the others? I just want the second table right under the first. Below is a snippet of my code (sorry I didn't paste it all; would be too long).
Also, you can click on to see the whole thing. Thanks in advance. scripter73
Code:
<body leftmargin=50><font face="Verdana, Arial, Sans-Serif" size=1 color=#083194">
<!--Table 6-->
<table cellpadding=0 cellspacing=0 width=600 border=1>
<tr>
<td width=150>
<table cellpadding=0 cellspacing=0 border=0 width=150 bgcolor="pink">
<tr>
<td width=64 align="left"><img src="images/diamond.gif"></td>
<td width=116 align="left" valign="bottom"><font size=2><b>INCIDENT INFORMATION:</b></font></td>
</tr>
</table>
</td>
<td width=450>Nothing Here</td>
</tr>
</table><!-- TOO MUCH SPACE AFTER THIS TABLE -->
AQUA TABLE GOES HERE; HOW DO I MINIMIZE/GET RID OF THIS SPACE?
<table cellpadding=0 cellspacing=0 width=600 border=1 bgcolor="aqua" >
<!--blank row -->
<tr><td width=300 colspan=2><br></td></tr>
<tr><td width=300 align="center" valign="top"></td></tr>
<tr>
<td width=300 colspan=2>
<font size=2><b>Location of incident or accident:</b><img src="images/menubutton.gif"></font>
</td>
<td width=300 valign="bottom"><font size=2>
<input type="text" maxlength=30 size=35>
</td>
</tr>
<tr>
<td width=300 colspan=2>
</td>
<td width=300 align="center" valign="top">
<font size="-3">Street Address</font>
</td>
</tr>
<tr>
<td width=300 colspan=2>
</td>
<td width=300 colspan=2>
<input type="text" maxlength=20 size=30> <select name="state">
<option value="#" selected></option>
<option value="AL">AL </option>
<option value="AK">AK </option>
<option value="AZ">AZ </option>
<option value="WY">WY </option>
</select>
</td>
</tr>
<tr>
<td width=300 colspan=2></td>
<td width=300 align="center">
<font size=-3>City
State</font>
</td>
<!--<td width=200>
<font size=-3>State</font>
</td>-->
</tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Were the police contacted?</b>
</td>
<td width=400><font size=2>
<input type="checkbox" name="policecontact" value="yes"><b><font size=2>YES</font></b><input type="checkbox" name="policecontact" value="no"><b><font size=2>NO</font></b>
</td>
</tr>
<br><br>
<tr><td><br></td></tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Authority or City Police Department:</b>
</td>
<td width=400><font size=2>
<input type="text" name="policedept" maxlength=30 size=30>
</td>
</tr>
<tr><td><br></td></tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Police Report Number:</b>
</td>
<td width=400><font size=2>
<input type="text" name="policedept" maxlength=12 size=20>
</td>
</tr>
<tr><td><br></td></tr>
<br><br>
<tr>
<td width=600 colspan=4><font size=2><b>Describe the Incident or Accident Below:</b><img src="images/menubutton.gif"></td>
</tr>
<tr>
<td width=600 colspan=4>
<textarea cols=60 rows=5 name="accdesc"></textarea>
</td>
</tr>
<tr></tr>
<tr>
<td width=600 colspan=5><hr></td>
</tr>
</table>
</font>
</body>
I have an HTML page with about 7 tables. All of the tables are separated with a <hr>, and most of them line up one right under the other. However, two tables have this annoying space between them that I CANNOT get rid of. Can someone inform me what I'm doing wrong with these two tables that I'm not doing with the others? I just want the second table right under the first. Below is a snippet of my code (sorry I didn't paste it all; would be too long).
Also, you can click on to see the whole thing. Thanks in advance. scripter73
Code:
<body leftmargin=50><font face="Verdana, Arial, Sans-Serif" size=1 color=#083194">
<!--Table 6-->
<table cellpadding=0 cellspacing=0 width=600 border=1>
<tr>
<td width=150>
<table cellpadding=0 cellspacing=0 border=0 width=150 bgcolor="pink">
<tr>
<td width=64 align="left"><img src="images/diamond.gif"></td>
<td width=116 align="left" valign="bottom"><font size=2><b>INCIDENT INFORMATION:</b></font></td>
</tr>
</table>
</td>
<td width=450>Nothing Here</td>
</tr>
</table><!-- TOO MUCH SPACE AFTER THIS TABLE -->
AQUA TABLE GOES HERE; HOW DO I MINIMIZE/GET RID OF THIS SPACE?
<table cellpadding=0 cellspacing=0 width=600 border=1 bgcolor="aqua" >
<!--blank row -->
<tr><td width=300 colspan=2><br></td></tr>
<tr><td width=300 align="center" valign="top"></td></tr>
<tr>
<td width=300 colspan=2>
<font size=2><b>Location of incident or accident:</b><img src="images/menubutton.gif"></font>
</td>
<td width=300 valign="bottom"><font size=2>
<input type="text" maxlength=30 size=35>
</td>
</tr>
<tr>
<td width=300 colspan=2>
</td>
<td width=300 align="center" valign="top">
<font size="-3">Street Address</font>
</td>
</tr>
<tr>
<td width=300 colspan=2>
</td>
<td width=300 colspan=2>
<input type="text" maxlength=20 size=30> <select name="state">
<option value="#" selected></option>
<option value="AL">AL </option>
<option value="AK">AK </option>
<option value="AZ">AZ </option>
<option value="WY">WY </option>
</select>
</td>
</tr>
<tr>
<td width=300 colspan=2></td>
<td width=300 align="center">
<font size=-3>City
State</font>
</td>
<!--<td width=200>
<font size=-3>State</font>
</td>-->
</tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Were the police contacted?</b>
</td>
<td width=400><font size=2>
<input type="checkbox" name="policecontact" value="yes"><b><font size=2>YES</font></b><input type="checkbox" name="policecontact" value="no"><b><font size=2>NO</font></b>
</td>
</tr>
<br><br>
<tr><td><br></td></tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Authority or City Police Department:</b>
</td>
<td width=400><font size=2>
<input type="text" name="policedept" maxlength=30 size=30>
</td>
</tr>
<tr><td><br></td></tr>
<tr>
<td width=200 colspan=2>
<font size=2><b>Police Report Number:</b>
</td>
<td width=400><font size=2>
<input type="text" name="policedept" maxlength=12 size=20>
</td>
</tr>
<tr><td><br></td></tr>
<br><br>
<tr>
<td width=600 colspan=4><font size=2><b>Describe the Incident or Accident Below:</b><img src="images/menubutton.gif"></td>
</tr>
<tr>
<td width=600 colspan=4>
<textarea cols=60 rows=5 name="accdesc"></textarea>
</td>
</tr>
<tr></tr>
<tr>
<td width=600 colspan=5><hr></td>
</tr>
</table>
</font>
</body>