annoying gap in form

  • olm75
  • Proficient
  • Proficient
  • olm75
  • Posts: 294

Post 3+ Months Ago

i have a form but there is a annoying gap in it im using tables for it... can anyone please take a look at it and tell me whats going on...
http://www.getflap.com/search.php

and the code:
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#myimage01 {
display:block;
}

.mnupropertyType {
    height: 17px;
    width: auto;
}
.txtmaxPrice {    height: auto;
    width: auto;
}
.txtminPrice {    height: auto;
    width: auto;
}
.button {
    height: 17px;
    width: 66px;
}
#Table_ #mnuBedroom {
    height: 18px;
    width: 69px;
}
#Table_ #maxPrice {
    height: 18px;
    width: 63px;
}
#Table_ .WADADataTableCell #txtstate {
    height: 22px;
    width: 150px;
}
#Table_ #txtCity {
    height: 18px;
    width: 140px;
}
#Table_ #minPrice {
    height: 18px;
    width: 63px;
}
#Table_ #mnuPropertyType {
    height: 18px;
    width: 69px;
}
-->
</style>
</head>

<body>

 <table id="Table_" width="175" height="270" border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td colspan="6"><img src="images/search.jpg" width="175" height="12" alt="" /></td>
  </tr><form name="searchForm" action="Properties_Results.php" method="post">
  <tr>
   <td colspan="6"><img src="images/searchHeader.jpg" width="175" height="26" alt="" /></td>
  </tr>
  <tr>
   <td height="27" colspan="6"><img src="images/search-04.jpg" width="175" height="27" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="10"><img src="images/search-05.jpg" width="11" height="198" alt="" /></td>
   <td background="images/search_05.jpg"><label>
   <select name="mnuPropertyType" size="1" class="mnupropertyType" id="mnuPropertyType">
    <option selected="selected"> </option>
    <option value="rent">rent</option>
    <option value="sale">sale</option>
   </select>
   </label></td>
   <td rowspan="4"><img src="images/search-07.jpg" width="10" height="88" alt="" /></td>
   <td colspan="2" background="images/search_07.jpg"><label></label>
    <select name="mnuBedroom" size="1" id="mnuBedroom">
      <option selected="selected"></option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
    </select></td>
   <td rowspan="10"><img src="images/search-09.jpg" width="12" height="198" alt="" /></td>
  </tr>
  <tr>
   <td><img src="images/search-10.jpg" width="71" height="25" alt="" /></td>
   <td colspan="2"><img src="images/search-11.jpg" width="71" height="25" alt="" /></td>
  </tr>
  <tr>
   <td background="images/minTxt.jpg"><label>
    <input name="minPrice" type="text" class="txtminPrice" id="minPrice" size="5" maxlength="11" />
   </label></td>
   <td colspan="2" background="images/maxTxt.jpg"><label>
    <input name="maxPrice" type="text" class="txtmaxPrice" id="maxPrice" size="5" maxlength="11" />
   </label></td>
  </tr>
  <tr>
   <td><img src="images/search-14.jpg" width="71" height="21" alt="" /></td>
   <td colspan="2"><img src="images/search-15.jpg" width="71" height="21" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4" background="images/search_15.jpg"><label><span class="WADADataTableCell">
   <select name="txtstate" size="1" id="txtstate">
    <option selected="selected"> </option>
    <option value="Alabama">Alabama</option>
    <option value="Alaska">Alaska</option>
    <option value="Arizona">Arizona</option>
    <option value="Arkansas">Arkansas</option>
    <option value="California">California</option>
    <option value="Colorado">Colorado</option>
    <option value="Connecticut">Connecticut</option>
    <option value="Delaware">Delaware</option>
    <option value="Florida">Florida</option>
    <option value="Georgia">Georgia</option>
    <option value="Hawaii">Hawaii</option>
    <option value="Idaho">Idaho</option>
    <option value="Illinois">Illinois</option>
    <option value="Indiana">Indiana</option>
    <option value="Iowa">Iowa</option>
    <option value="Kansas">Kansas</option>
    <option value="Kentucky">Kentucky</option>
    <option value="Louisiana">Louisiana</option>
    <option value="Maine">Maine</option>
    <option value="Maryland">Maryland</option>
    <option value="Massachusetts">Massachusetts</option>
    <option value="Michigan">Michigan</option>
    <option value="Minnesota">Minnesota</option>
    <option value="Mississippi">Mississippi</option>
    <option value="Missouri">Missouri</option>
    <option value="Montana">Montana</option>
    <option value="Nebraska">Nebraska</option>
    <option value="Nevada">Nevada</option>
    <option value="New Hampshire">New Hampshire</option>
    <option value="New Jersey">New Jersey</option>
    <option value="New Mexico">New Mexico</option>
    <option value="New York">New York</option>
    <option value="North Carolina">North Carolina</option>
    <option value="North Dakota">North Dakota</option>
    <option value="Ohio">Ohio</option>
    <option value="Oklahoma">Oklahoma</option>
    <option value="Oregon">Oregon</option>
    <option value="Pennsylvania">Pennsylvania</option>
    <option value="Rhode Island">Rhode Island</option>
    <option value="South Carolina">South Carolina</option>
    <option value="South Dakota">South Dakota</option>
    <option value="Tennessee">Tennessee</option>
    <option value="Texas">Texas</option>
    <option value="Utah">Utah</option>
    <option value="Vermont">Vermont</option>
    <option value="Virginia">Virginia</option>
    <option value="Washington">Washington</option>
    <option value="Washington D.C.">Washington D.C.</option>
    <option value="West Virginia">West Virginia</option>
    <option value="Wisconsin">Wisconsin</option>
    <option value="Wyoming">Wyoming</option>
   </select>
   </span></label></td>
  </tr>
  <tr>
   <td colspan="4"><img src="images/search-17.jpg" width="152" height="27" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4" background="images/search_17.jpg"><label>
    <input name="txtCity" type="text" class="txtmaxPrice" id="txtCity" size="15" maxlength="30" />
   </label></td>
  </tr>
  <tr>
   <td colspan="4"><img src="images/search-19.jpg" width="152" height="9" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3" rowspan="2"><img src="images/search-20.jpg" width="86" height="30" alt="" /></td>
   <!--this put in to make image button for the searchForm-->
   <td><input name="WADbSearch1" type="submit" class="button" value="Submit" /></td>
   <!--<td><img src="images/btn_searchSubmit.jpg" alt="" width="66" height="17" border="0" /></td>-->
  </tr>
  <tr>
   <td><img src="images/search-22.jpg" width="66" height="13" alt="" /></td>
  </tr>
  <tr></form>
   <td><img src="images/spacer.gif" width="11" height="1" alt="" /></td>
   <td><img src="images/spacer.gif" width="71" height="1" alt="" /></td>
   <td><img src="images/spacer.gif" width="10" height="1" alt="" /></td>
   <td><img src="images/spacer.gif" width="5" height="1" alt="" /></td>
   <td><img src="images/spacer.gif" width="66" height="1" alt="" /></td>
   <td><img src="images/spacer.gif" width="12" height="1" alt="" /></td>
  </tr>
 </table>

</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. #myimage01 {
  9. display:block;
  10. }
  11. .mnupropertyType {
  12.     height: 17px;
  13.     width: auto;
  14. }
  15. .txtmaxPrice {    height: auto;
  16.     width: auto;
  17. }
  18. .txtminPrice {    height: auto;
  19.     width: auto;
  20. }
  21. .button {
  22.     height: 17px;
  23.     width: 66px;
  24. }
  25. #Table_ #mnuBedroom {
  26.     height: 18px;
  27.     width: 69px;
  28. }
  29. #Table_ #maxPrice {
  30.     height: 18px;
  31.     width: 63px;
  32. }
  33. #Table_ .WADADataTableCell #txtstate {
  34.     height: 22px;
  35.     width: 150px;
  36. }
  37. #Table_ #txtCity {
  38.     height: 18px;
  39.     width: 140px;
  40. }
  41. #Table_ #minPrice {
  42.     height: 18px;
  43.     width: 63px;
  44. }
  45. #Table_ #mnuPropertyType {
  46.     height: 18px;
  47.     width: 69px;
  48. }
  49. -->
  50. </style>
  51. </head>
  52. <body>
  53.  <table id="Table_" width="175" height="270" border="0" cellpadding="0" cellspacing="0">
  54.   <tr>
  55.    <td colspan="6"><img src="images/search.jpg" width="175" height="12" alt="" /></td>
  56.   </tr><form name="searchForm" action="Properties_Results.php" method="post">
  57.   <tr>
  58.    <td colspan="6"><img src="images/searchHeader.jpg" width="175" height="26" alt="" /></td>
  59.   </tr>
  60.   <tr>
  61.    <td height="27" colspan="6"><img src="images/search-04.jpg" width="175" height="27" alt="" /></td>
  62.   </tr>
  63.   <tr>
  64.    <td rowspan="10"><img src="images/search-05.jpg" width="11" height="198" alt="" /></td>
  65.    <td background="images/search_05.jpg"><label>
  66.    <select name="mnuPropertyType" size="1" class="mnupropertyType" id="mnuPropertyType">
  67.     <option selected="selected"> </option>
  68.     <option value="rent">rent</option>
  69.     <option value="sale">sale</option>
  70.    </select>
  71.    </label></td>
  72.    <td rowspan="4"><img src="images/search-07.jpg" width="10" height="88" alt="" /></td>
  73.    <td colspan="2" background="images/search_07.jpg"><label></label>
  74.     <select name="mnuBedroom" size="1" id="mnuBedroom">
  75.       <option selected="selected"></option>
  76.       <option value="1">1</option>
  77.       <option value="2">2</option>
  78.       <option value="3">3</option>
  79.       <option value="4">4</option>
  80.       <option value="5">5</option>
  81.       <option value="6">6</option>
  82.       <option value="7">7</option>
  83.       <option value="8">8</option>
  84.       <option value="9">9</option>
  85.     </select></td>
  86.    <td rowspan="10"><img src="images/search-09.jpg" width="12" height="198" alt="" /></td>
  87.   </tr>
  88.   <tr>
  89.    <td><img src="images/search-10.jpg" width="71" height="25" alt="" /></td>
  90.    <td colspan="2"><img src="images/search-11.jpg" width="71" height="25" alt="" /></td>
  91.   </tr>
  92.   <tr>
  93.    <td background="images/minTxt.jpg"><label>
  94.     <input name="minPrice" type="text" class="txtminPrice" id="minPrice" size="5" maxlength="11" />
  95.    </label></td>
  96.    <td colspan="2" background="images/maxTxt.jpg"><label>
  97.     <input name="maxPrice" type="text" class="txtmaxPrice" id="maxPrice" size="5" maxlength="11" />
  98.    </label></td>
  99.   </tr>
  100.   <tr>
  101.    <td><img src="images/search-14.jpg" width="71" height="21" alt="" /></td>
  102.    <td colspan="2"><img src="images/search-15.jpg" width="71" height="21" alt="" /></td>
  103.   </tr>
  104.   <tr>
  105.    <td colspan="4" background="images/search_15.jpg"><label><span class="WADADataTableCell">
  106.    <select name="txtstate" size="1" id="txtstate">
  107.     <option selected="selected"> </option>
  108.     <option value="Alabama">Alabama</option>
  109.     <option value="Alaska">Alaska</option>
  110.     <option value="Arizona">Arizona</option>
  111.     <option value="Arkansas">Arkansas</option>
  112.     <option value="California">California</option>
  113.     <option value="Colorado">Colorado</option>
  114.     <option value="Connecticut">Connecticut</option>
  115.     <option value="Delaware">Delaware</option>
  116.     <option value="Florida">Florida</option>
  117.     <option value="Georgia">Georgia</option>
  118.     <option value="Hawaii">Hawaii</option>
  119.     <option value="Idaho">Idaho</option>
  120.     <option value="Illinois">Illinois</option>
  121.     <option value="Indiana">Indiana</option>
  122.     <option value="Iowa">Iowa</option>
  123.     <option value="Kansas">Kansas</option>
  124.     <option value="Kentucky">Kentucky</option>
  125.     <option value="Louisiana">Louisiana</option>
  126.     <option value="Maine">Maine</option>
  127.     <option value="Maryland">Maryland</option>
  128.     <option value="Massachusetts">Massachusetts</option>
  129.     <option value="Michigan">Michigan</option>
  130.     <option value="Minnesota">Minnesota</option>
  131.     <option value="Mississippi">Mississippi</option>
  132.     <option value="Missouri">Missouri</option>
  133.     <option value="Montana">Montana</option>
  134.     <option value="Nebraska">Nebraska</option>
  135.     <option value="Nevada">Nevada</option>
  136.     <option value="New Hampshire">New Hampshire</option>
  137.     <option value="New Jersey">New Jersey</option>
  138.     <option value="New Mexico">New Mexico</option>
  139.     <option value="New York">New York</option>
  140.     <option value="North Carolina">North Carolina</option>
  141.     <option value="North Dakota">North Dakota</option>
  142.     <option value="Ohio">Ohio</option>
  143.     <option value="Oklahoma">Oklahoma</option>
  144.     <option value="Oregon">Oregon</option>
  145.     <option value="Pennsylvania">Pennsylvania</option>
  146.     <option value="Rhode Island">Rhode Island</option>
  147.     <option value="South Carolina">South Carolina</option>
  148.     <option value="South Dakota">South Dakota</option>
  149.     <option value="Tennessee">Tennessee</option>
  150.     <option value="Texas">Texas</option>
  151.     <option value="Utah">Utah</option>
  152.     <option value="Vermont">Vermont</option>
  153.     <option value="Virginia">Virginia</option>
  154.     <option value="Washington">Washington</option>
  155.     <option value="Washington D.C.">Washington D.C.</option>
  156.     <option value="West Virginia">West Virginia</option>
  157.     <option value="Wisconsin">Wisconsin</option>
  158.     <option value="Wyoming">Wyoming</option>
  159.    </select>
  160.    </span></label></td>
  161.   </tr>
  162.   <tr>
  163.    <td colspan="4"><img src="images/search-17.jpg" width="152" height="27" alt="" /></td>
  164.   </tr>
  165.   <tr>
  166.    <td colspan="4" background="images/search_17.jpg"><label>
  167.     <input name="txtCity" type="text" class="txtmaxPrice" id="txtCity" size="15" maxlength="30" />
  168.    </label></td>
  169.   </tr>
  170.   <tr>
  171.    <td colspan="4"><img src="images/search-19.jpg" width="152" height="9" alt="" /></td>
  172.   </tr>
  173.   <tr>
  174.    <td colspan="3" rowspan="2"><img src="images/search-20.jpg" width="86" height="30" alt="" /></td>
  175.    <!--this put in to make image button for the searchForm-->
  176.    <td><input name="WADbSearch1" type="submit" class="button" value="Submit" /></td>
  177.    <!--<td><img src="images/btn_searchSubmit.jpg" alt="" width="66" height="17" border="0" /></td>-->
  178.   </tr>
  179.   <tr>
  180.    <td><img src="images/search-22.jpg" width="66" height="13" alt="" /></td>
  181.   </tr>
  182.   <tr></form>
  183.    <td><img src="images/spacer.gif" width="11" height="1" alt="" /></td>
  184.    <td><img src="images/spacer.gif" width="71" height="1" alt="" /></td>
  185.    <td><img src="images/spacer.gif" width="10" height="1" alt="" /></td>
  186.    <td><img src="images/spacer.gif" width="5" height="1" alt="" /></td>
  187.    <td><img src="images/spacer.gif" width="66" height="1" alt="" /></td>
  188.    <td><img src="images/spacer.gif" width="12" height="1" alt="" /></td>
  189.   </tr>
  190.  </table>
  191. </body>
  192. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Posts: 630
  • Loc: UK

Post 3+ Months Ago

In which browser(s) are you having this problem?

There is no need to paste the code, we know how to view source :)
  • deathblade
  • Proficient
  • Proficient
  • User avatar
  • Posts: 419
  • Loc: u.k

Post 3+ Months Ago

looks fine in ff tho the submit button is off cuts off the bottom on the word "sunmit"
  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Posts: 630
  • Loc: UK

Post 3+ Months Ago

It does this also in IE6 (I haven't checked in anything else)

Can I suggest, while your at it, that you re-build it into CSS?
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Posts: 326
  • Loc: Cork, Ireland

Post 3+ Months Ago

try removing the default padding and or margin for form.

Code: [ Select ]
<form name="searchForm" action="Properties_Results.php" method="post" style="margin:0; padding:0;">


and we'll see what it do from here :)
  • deathblade
  • Proficient
  • Proficient
  • User avatar
  • Posts: 419
  • Loc: u.k

Post 3+ Months Ago

also alil tip you can use firebig addon to edit for page turns firefox in a lil dream weaver lol it;s a good tool i recommend it

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 69 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.