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
Post a Comment