removing empty line and properly aligning text

Discussion in 'HTML & Website Design' started by PostIt, Mar 10, 2007.

  1. #1
    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 properly aligned under the radiobutton texts?
    <!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>
    Code (markup):

     

    Attached Files:

    PostIt, Mar 10, 2007 IP