0

Верстаю форму поиска такого вида

alt text

Не получается настроить местоположение кнопки "искать": во всех браузерах она получается расположена по-разному http://jsfiddle.net/T33sw/5/. Подскажите, как можно отрегулировать местоположение кнопки?

1 ответ 1

1

Heidel, я делаю следующим образом:

<div class="search>
    <input type="text" ....>
    <button></button>
</div>

.search{
    position: relative;
    padding: 0 20px 0 0; /* 20px это ширина кнопки поиска, можно сделать побольше что бы текст не был вплотную к кнопке поиска*/
    ...
    }
.search input{
    width: 100%;
    ...
    }
.search button{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    background: url('...');
    ....
    }

Надеюсь смысл понятен

3
  • ну, я так понимаю, вы задали абсолютное позиционирование для кнопки? или что-то еще?
    – Heidel
    11 ноя 2012 в 15:39
  • 1
    Да. Но это решение удобно тем что текст не налезет на кнопку, как у решения рядом. И ширина поля 100%, т.е. ширину всего можно регулировать через .search. И так как кнопка абсолютно запозиционирована, то не надо париться насчет vertical-align двух соседних инлайн элементов 12 ноя 2012 в 8:27
  • да, понятно, большое спасибо))
    – Heidel
    12 ноя 2012 в 9:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.