html - Table Rows have different input lengths -


i trying layout table (i know grid might work better not feel changing 3rd time). have 2 identical cells 1 smaller other. no matter do, whether create smaller class, or make them equal 1 bigger another

.grid td.normal{      width: 100px;  }  .grid td.small{      width: 50px;  }
<tr>              <!--section search-->              <td colspan="1" class="normal">                  <div class="form-row">                      <form name="r" action="section.php" method="get" class="form-labels-on-toptabletry">                          <label><span>section:</span><br></label>                          <select name="section">                              <option value="">select</option>                              <option value="0">unknown</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>                              <option value="10">10</option>                              <option value="11">11</option>                              <option value="12">12</option>                              <option value="13">13</option>                              <option value="14">14</option>                              <option value="15">15</option>                              <option value="16">16</option>                              <option value="17">17</option>                              <option value="18">18</option>                              <option value="19">19</option>                              <option value="20">20</option>                              <option value="21">21</option>                              <option value="22">22</option>                              <option value="23">23</option>                              <option value="24">24</option>                              <option value="25">25</option>                              <option value="26">26</option>                              <option value="27">27</option>                              <option value="28">28</option>                              <option value="29">29</option>                              <option value="30">30</option>                              <option value="31">31</option>                              <option value="32">32</option>                              <option value="33">33</option>                              <option value="34">34</option>                              <option value="35">35</option>                              <option value="36">36</option>                          </select><br>                          <input type="submit" value="search" class="form-buttons">                      </form>                  </div>              </td>              <!--township search-->              <td colspan="1" class="normal">                  <form name="township" action="township.php" method="get" class="form-labels-on-toptabletry">                          <label><span>township:</span><br>                          <input type="text" name="township"><br>                          <input type="submit" value="search" class="form-buttons">                          </label>                  </form>              </td>              <!--td search-->              <td colspan="1" class="normal">                  <div class="form-row">                      <form name="r" action="td.php" method="get" class="form-labels-on-toptabletry">                          <label>                              <span>township direction:</span><br>                              <select name="td">                                  <option value="">select</option>                                  <option value="0">unknown</option>                                  <option value="n">north</option>                                  <option value="s">south</option>                              </select><br>                          </label>                          <input type="submit" value="search" class="form-buttons">                      </form>                  </div>              </td>              <!--range search-->              <td colspan="1" class="small">                  <form name="range" action="range.php" method="get" class="form-labels-on-toptabletry">                          <label>                              <span>range:</span><br>                              <input type="text" name="range"><br>                              <input type="submit" value="search" class="form-buttons">                          </label>                      </form>              </td>              <!--rd search-->              <td colspan="1" class="normal">                  <div class="form-row">                      <form name="rd" action="rd.php" method="get" class="form-labels-on-toptabletry">                          <label><span>range direction:</span><br>                              <select name="rd">                                  <option value="">select</option>                                  <option value="0">unknown</option>                                  <option value="w">west</option>                                  <option value="e">east</option>                              </select><br>                          </label>                          <input type="submit" value="search" class="form-buttons">                      </form>                  </div>              </td>          </tr>

on snippet looks ok here looks when test it: different size inputs have idea why happening?


Comments

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -