| |
|
|
| | Как сделать резиновый input, так чтобы при разном расширении экрана он менялся.
width:100% - не катит, он вылазиет за кнопку отправки данных!
У кого какие решения?
Заранее спасибо. | |
| |
|
|
| |
|
|
| |
для: clubxaliav
(06.01.2012 в 16:56)
| | | >width:100% - не катит,
100% width для чего и относительно чего?
>он вылазиет за кнопку отправки данных!
Сложно посоветовать что-то определенное на угад, не имея перед глазами верстки. | |
| |
|
|
| |
|
|
| |
для: cheops
(06.01.2012 в 18:39)
| | |
<?php
echo "<form action=\"/search\" method=\"post\">
<table cellpadding=\"0\" cellspacing=\"0\" style=\"width:100%; height: 26px;\" align=\"center\">
<tr>
<td>
<table cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td><input type=\"text\" name=\"poisk\" class=\"poisk_border\" value=\"\"></td>
</tr>
</table>
</td>
<td>
<table cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td><select class=\"poisk_select\" name=\"vibr\">
<option value=\"1\">1</option>
<option value=\"2\">2</option>
<option value=\"3\">3</option>
</select></td>
</tr>
</table>
</td>
<td>
<table cellpadding=\"0\" cellspacing=\"0\">
<tr>
<td><input type=\"submit\" value=\"Поиск\" class=\"poisk\"></td>
</tr>
</table>
</td>
</tr>
<tr><td>
<table cellpadding=\"0\" cellspacing=\"0\"><tr>
<td valign=\"top\" style=\"width: 350px;\"><font style=\"color:#ffffff; font-size:13px; padding:2px 0 2px 10px\">Например: <font style=\"text-decoration: none; border-bottom: 1px dashed #ffffff;\">текст</font></font></td>
<td valign=\"top\" style=\"height: 20px\"></td>
</tr></table>
</td></tr>
</table></form>";
?>
|
Если в .poisk_border поставить width:100% то строка для ввода текста не растягивается. А хотелось чтоб это поле было резиновым. Получается, что при разрешении 1024 х 768 оно стандартное, а при 1280 х 1024 и больше не растягивается.
.poisk_border { // строка для ввода слов поиска
width:300px;
height:26px;
border-radius:4px;
border: solid 1px #6cbdf3;
font-size:16px;
padding:0 7px 0 7px;
color:#999999;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
margin:0 10px 0 10px;
}
.poisk { // сама кнопка
height:26px;
border:0px;
background: url(../images/site/bg_input.png) repeat-x;
border-radius:4px;
border: solid 1px #6cbdf3;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
margin:0 10px 0 0;
}
.poisk_select { // выбор раздела поиска
width:auto;
height:26px;
border-radius:4px;
border: solid 1px #6cbdf3;
font-size:16px;
color:#999999;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
margin:0 10px 0 0;
}
|
| |
| |
|
|
