Joomla 1.5 Подскажите, как выровнять ширину полей формы поиска?

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем youart, 18.06.2011.

  1. Offline

    youart Недавно здесь

    Регистрация:
    18.06.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте!
    Есть на сайте http://www.novashina.in.ua/ форма подбора шин, нужно поля выпадающих списков сделать одинаковой ширины, т.е. выровнять по самому широкому полю. Сейчас они все лестницей. Подскажите как это сделать, где че прописать?)

    Код (html):
    1. <form action="http://www.novashina.in.ua/index.php" method="post" name="attr_search">
    2. <input type="hidden" name="option" value="com_virtuemart" />
    3. <input type="hidden" name="page" value="shop.browse" />
    4. <input type="hidden" name="product_type_id" value="1" />
    5. <input type="hidden" name="Itemid" value="1" />
    6. <br />
    7.  
    8. <table border="0">
    9. <tbody>
    10. <tr>
    11.  
    12. <td><img width="130" height="123" src="/images/stories/shinot.png" alt="chaincling" style="float: left; margin-right: 10px;" /></td>
    13.  
    14. <td>   
    15.  
    16. <table align="left" width="100%" border="0" cellpadding="2" cellspacing="0" >
    17.    
    18.  
    19. <!-- Default list of parameters - BEGIN -->
    20. <tr>
    21.    
    22. <td></td>
    23. <td><input type="hidden" name="product_type_1_tipavto_comp" value="find_in_set" />
    24. </td>
    25. <td width="55%" height="2" valign="top">
    26. <select class="inputbox" name="product_type_1_tipavto">
    27. <option value="">Тип авто</option>
    28. <option value="Легковые/4х4">Легковые/4х4</option>
    29. <option value="Грузопассажирские">Грузопассажирские</option>
    30. <option value="Спецтехника">Спецтехника</option>
    31. </select>   </td>
    32. </tr><tr>
    33.   <td>  </td>
    34. <td><input type="hidden" name="product_type_1_sezon_comp" value="find_in_set" />
    35. </td>
    36. <td width="75%" height="2" valign="top">
    37. <select class="inputbox" name="product_type_1_sezon">
    38. <option value="">Сезон</option>
    39. <option value="Всесезонные">Всесезонные</option>
    40. <option value="Зимние">Зимние</option>
    41. <option value="Летние">Летние</option>
    42. </select>   </td>
    43. </tr><tr>
    44.   <td >
    45.   </td>
    46. <td><input type="hidden" name="product_type_1_tp_comp" value="find_in_set" />
    47. </td>
    48. <td width="55%" height="2" valign="top">
    49. <select class="inputbox" name="product_type_1_tp">
    50. <option value="">Ширина(TP)</option>
    51. <option value="145">145</option>
    52. <option value="155">155</option>
    53. <option value="165">165</option>
    54. <option value="175">175</option>
    55. <option value="185">185</option>
    56. <option value="195">195</option>
    57. <option value="205">205</option>
    58. <option value="215">215</option>
    59. <option value="225">225</option>
    60. <option value="235">235</option>
    61. <option value="245">245</option>
    62. <option value="255">255</option>
    63. <option value="265">265</option>
    64. <option value="275">275</option>
    65. <option value="285">285</option>
    66. <option value="295">295</option>
    67. <option value="305">305</option>
    68. </select>   </td>
    69. </tr><tr>
    70.   <td>
    71.   </td>
    72. <td><input type="hidden" name="product_type_1_mo_comp" value="find_in_set" />
    73. </td>
    74. <td width="55%" height="2" valign="top">
    75. <select class="inputbox" name="product_type_1_mo">
    76. <option value="">Высота профиля(MO)</option>
    77. <option value="40">40</option>
    78. <option value="45">45</option>
    79. <option value="50">50</option>
    80. <option value="55">55</option>
    81. <option value="60">60</option>
    82. <option value="65">65</option>
    83. <option value="70">70</option>
    84. <option value="75">75</option>
    85. <option value="80">80</option>
    86. </select>   </td>
    87. </tr><tr>
    88.   <td>
    89.   </td>
    90. <td><input type="hidden" name="product_type_1_r_comp" value="find_in_set" />
    91. </td>
    92. <td width="55%" height="2" valign="top" >
    93. <select class="inputbox" name="product_type_1_r">
    94. <option value="">Диаметр(R)</option>
    95. <option value="12">12</option>
    96. <option value="13">13</option>
    97. <option value="14">14</option>
    98. <option value="15">15</option>
    99. <option value="16">16</option>
    100. <option value="17">17</option>
    101. <option value="17,5">17,5</option>
    102. <option value="18">18</option>
    103. <option value="19">19</option>
    104. <option value="19,5">19,5</option>
    105. <option value="20">20</option>
    106. <option value="22,1">22,1</option>
    107. </select>   </td>
    108. </tr><tr>
    109.   <td>
    110.   </td>
    111. <td><input type="hidden" name="product_type_1_proizvoditel_comp" value="find_in_set" />
    112. </td>
    113. <td width="55%" height="2" valign="top">
    114. <select class="inputbox" name="product_type_1_proizvoditel">
    115. <option value="">Производитель</option>
    116. <option value="Avon">Avon</option>
    117. <option value="BF GoodRich">BF GoodRich</option>
    118. <option value="Bridgestone">Bridgestone</option>
    119. <option value="Continental">Continental</option>
    120. <option value="Cooper">Cooper</option>
    121. <option value="Crown">Crown</option>
    122. <option value="Dean">Dean</option>
    123. <option value="Dunlop">Dunlop</option>
    124. <option value="Falken">Falken</option>
    125. <option value="Fullway">Fullway</option>
    126. <option value="General">General</option>
    127. <option value="Hankook">Hankook</option>
    128. <option value="Lassa">Lassa</option>
    129. <option value="Marangoni">Marangoni</option>
    130. <option value="Michelin">Michelin</option>
    131. <option value="Nexen">Nexen</option>
    132. <option value="Nokian">Nokian</option>
    133. <option value="Pirelli">Pirelli</option>
    134. <option value="Sailun">Sailun</option>
    135. <option value="Sava">Sava</option>
    136. <option value="Starfire">Starfire</option>
    137. <option value="Tigar">Tigar</option>
    138. <option value="Toyo">Toyo</option>
    139. <option value="Yokohama">Yokohama</option>
    140. </select>   </td>
    141. </tr>
    142. <!-- Default list of parameters - END -->
    143.  
    144.  
    145.    
    146.    
    147. <tr><td colspan="3" height="2" ></td></tr>
    148. <tr><td height="2" colspan="3" align="center" valign="middle" >
    149.         <input type="submit" class="button" name="search" value="Поиск"></td>
    150.  
    151.  
    152.  
    153. </tr>  
    154.    
    155. </table>
    156. </form>
    157. </td>
    158. </tr>
    159. </tbody>
    160. </table>
     
  2.  
  3. Offline

    mailmoney Пользователь

    Регистрация:
    14.01.2009
    Сообщения:
    241
    Симпатии:
    19
    Пол:
    Мужской
    size="20" , вроде бы, прописать нужно в select-ах.
    таблица там ровная.. выровняй select-ы и будет все ок.
     
  4. Offline

    youart Недавно здесь

    Регистрация:
    18.06.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    эт я пробовал) результат - ширина поля не изменяется, зато в поле видно 20 строк, и это уже не выпадающий список)
     
  5. Offline

    mailmoney Пользователь

    Регистрация:
    14.01.2009
    Сообщения:
    241
    Симпатии:
    19
    Пол:
    Мужской
    попробуй тогда пропиши в .inputbox в файле blue.css строчку width: 150px;
     
    youart нравится это.
  6. Offline

    youart Недавно здесь

    Регистрация:
    18.06.2011
    Сообщения:
    9
    Симпатии:
    0
    Пол:
    Мужской
    Аеее)
    Спасибо, старина, заработало!)
     

Поделиться этой страницей

Загрузка...