removing empty line and properly aligning text

PostIt · 03-10-2007, 12:44 PM

Hi guys! I've got a ques, the code below causes what you can see in the attached picture: an empty line below the input field, causing the table to over stretch. How can this empty line be eliminated

And how can the grey texts under the radiobuttons be perfectly aligned under the radiobutton texts?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Somesite</title>
</head>
<body style="color: rgb(0, 0, 0); background-color: rgb(255, 102, 0);" alink="#ffcc99" link="#ffffff" vlink="#ffffff">
<table style="text-align: left; background-color: rgb(153, 0, 0); width: 100%;" border="0" cellpadding="2" cellspacing="2" width="980">
  <tbody> 
  <tr> 
    <td colspan="6" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><font color="#CC0000"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">&nbsp;<font color="#9999FF"> </font></span></small></small></font></td>
  </tr>
  <tr>
    <td colspan="1" rowspan="14" style="font-family: Arial; background-color: rgb(204, 0, 0);" width="1"></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255); width: 24%;" width="218"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255); width: 24%;" width="227"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255); width: 24%;" width="271"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255); width: 24%;" width="226"><small>Kopje</small></td>
    <td colspan="1" rowspan="14" style="font-family: Arial; background-color: rgb(204, 0, 0);" width="1"></td>
  </tr>
  <tr> 
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"> 
      <small>ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"> 
      <small>ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"> 
      <small>ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"> 
      <small> ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
  </tr>
  <tr> 
    <td colspan="4" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><font color="#CC0000"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">&nbsp;<font color="#9999FF"> </font></span></small></small></font></td>
  </tr>
  <tr>
    <td colspan="4" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); text-align: center;" height="73">
      <img style="border: 0px solid ; width: 327px; height: 80px;" alt="Even snel" src="somesitenl.jpg">
    </td>
  </tr>
  <tr> 
    <td height="2"></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr> 
    <td colspan="4" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><font color="#CC0000"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">&nbsp;<font color="#9999FF"> </font></span></small></small></font></td>
  </tr>
  <tr>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
    <td colspan="2" rowspan="2" style="font-family: Arial; background-color: rgb(153, 153, 255);"> 
      <form style="align: center" name="serchbox" action="<?php echo $PHP_SELF; ?>" method="post">
        <div style="text-align: center; background-color: rgb(153, 153, 255);"> 
          <small><input name="input_text" size="70" maxlength="100" value="" type="text" width=""></small><font size="1"><br>
          <input name="options" value="1" checked type="radio">
          Wdeleriwjd 
          <input name="options" value="2" type="radio">
          Nesrleadnd 
          <input name="options" value="3" type="radio">
          Pajltaes 
          <input name="options" value="4" type="radio">
          Eyepdeccloni 
          <input name="options" value="5" type="radio">
          Hdaenl</font></div>
        <div align="center"><font size="1"><span style="color: rgb(204, 102, 0);"><span style="color: rgb(204, 204, 204);"> 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vdinen.ln 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vdinen.ln&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vdinen.ln&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Wedikiipa.rgo 
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mlarptakats.ln</span></span></font><br>
               <input style="background-color: floralwhite;" line-height="xx-small" value=" Kom maar op " type="submit">
          </div>
      </form>
    </td>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
  </tr>
  <tr> 
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);" height="59"><small> 
      ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      <a style="" href="" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('Somesite.nl');">Hiermee 
      starten</a><a style="" href="" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('Somesite.nl');"><span style="color: rgb(255, 102, 0); text-decoration: underline;"><span style="font-weight: bold; color: rgb(255, 153, 0);">(> 
      tip <)</span></span></a></small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);" height="59"><small>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsds</small></td>
  </tr>
  <tr>
    <td colspan="4" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><font color="#CC0000"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">&nbsp;<font color="#9999FF"> </font></span></small></small></font></td>
  </tr>
  <tr>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; background-color: rgb(153, 153, 255); color: rgb(255, 255, 255);"><small>Kopje</small></td>
  </tr>
  <tr> 
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); vertical-align: top;"><small>Jou? 
      Mail.</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"><small>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsds</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"><small>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsd <br>
      sdsdsds</small></td>
    <td style="font-family: Arial; background-color: rgb(204, 0, 0); color: rgb(255, 255, 255);"><small> 
      ertrettr<br>
      ertrettr<br>
      hggffggh<br>
      sdsdsds</small></td>
  </tr>
  <tr>
    <td colspan="4" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><font color="#CC0000"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">&nbsp;<font color="#9999FF"> </font></span></small></small></font></td>
  </tr>
  <tr>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255);"><small>Kopje</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(153, 153, 255);"><small>Kopje</small></td>
  </tr>
  <tr>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0);"><small> 
      ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0);"><small>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsd<br>
      sdsdsds</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0);"><small> 
      retrtretre<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
    <td style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0);"><small> 
      ertrettr<br>
      ertrettr<br>
      ertrettr<br>
      ertrettr</small></td>
  </tr>
  <tr> 
    <td colspan="6" rowspan="1" style="font-family: Arial; color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); text-align: center;"><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">O</span></small></small><small style="color: rgb(255, 102, 102);"><small><span style="font-weight: bold;">ct</span></small></small><small style="color: rgb(102, 0, 0);"><small><span style="color: rgb(255, 255, 255);"></span></small></small><small style="color: rgb(102, 0, 0);"><small><span style="color: rgb(255, 255, 255);"></span></small></small></td>
  </tr>
  </tbody>
</table>
</body> </html>