стиль ввода текста и кнопка отправки как встроенная - PullRequest
Новая
       23

стиль ввода текста и кнопка отправки как встроенная

0 голосов
/ 17 июня 2011

Я хотел бы попросить вас дать подсказку, как стилизовать мой текстовый ввод и кнопку отправки, которая будет встроенной, особенно - мой шаблон выглядит this :

А реальность это

В коде у меня есть: 

<form accept-charset="UTF-8" action="/home/index" method="post">
  <div style="margin:0;padding:0;display:inline">
    <input name="utf8" type="hidden" value="&#x2713;" />
  </div> 
  <input class="search" data-autocomplete="/home/autocomplete_produkties_nazev" id="name" name="nazev" type="text" value="" /> 
  <input src="/images/search_btn.jpg?1308243954" type="image" /> 
</form>

И в CSS: 

input.search {
    padding: 6px;
    width: 500px;
    font-size: 15px;

    border: 2px solid #cfcfcf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-image: url('/images/xxx.png');
    background-repeat: repeat-x;
    height: 61px;
}

Я пытаюсь получить и как исправить, что кнопка отправки всегда выше, чем кнопка ввода текста ... Я не знаю, в чем может быть проблема ... может кто-то дать мне несколько советов или подсказка, как разместить на одной строке текстовый ввод и кнопку отправки?

Спасибо

1 Ответ

0 голосов
/ 17 июня 2011

Вы можете попробовать переместить ввод поиска влево и кнопку отправки вправо: http://jsfiddle.net/ianoxley/FEQhb/1/

...