Back To Website Design Forum

annoying gap in form

  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post December 17th, 2007, 3:20 am

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

Post December 17th, 2007, 3:20 am

  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Joined: Apr 19, 2005
  • Posts: 629
  • Loc: UK
  • Status: Offline

Post January 3rd, 2008, 5:44 am

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

There is no need to paste the code, we know how to view source :)
Webhost Reviews | Honda Civic Forum
  • deathblade
  • Proficient
  • Proficient
  • User avatar
  • Joined: Mar 08, 2007
  • Posts: 417
  • Loc: u.k
  • Status: Offline

Post January 3rd, 2008, 7:41 am

looks fine in ff tho the submit button is off cuts off the bottom on the word "sunmit"
This is a block of text that can be added to posts you make. There is a 500 character limit.
  • ace5p1d0r
  • Expert
  • Expert
  • User avatar
  • Joined: Apr 19, 2005
  • Posts: 629
  • Loc: UK
  • Status: Offline

Post January 3rd, 2008, 7:46 am

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?
Webhost Reviews | Honda Civic Forum
  • xfahmix
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 07, 2006
  • Posts: 326
  • Loc: Cork, Ireland
  • Status: Offline

Post January 3rd, 2008, 9:24 am

try removing the default padding and or margin for form.

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


and we'll see what it do from here :)
Web Design Malaysia
xfahmix.com - Do what you want, but I'll decide my own history
  • deathblade
  • Proficient
  • Proficient
  • User avatar
  • Joined: Mar 08, 2007
  • Posts: 417
  • Loc: u.k
  • Status: Offline

Post January 6th, 2008, 5:17 pm

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
This is a block of text that can be added to posts you make. There is a 500 character limit.

Page 1 of 1

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 201 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
 
 

© 2010 Unmelted, LLC. Driven by phpBB © 2010 phpBB Group.