форма поиска

[pogranpv]

Помогите с проблемой, плиз. Не знаю как сделать вот такую форму поиска. Внутри ещё написано поиск по сайту.

[USF]

за вас верстать никто не будет

что именно вызывает сложность?

[pogranpv]

у меня вот что получается

form {float: right;}

.search {

width: 142px;

border: none ;

height: 33px;

}

input[type=search] {

border: none;

outline: none;

-webkit-appearance: none;

width: 112px;

vertical-align: middle;

}

input[type=submit] {

width: 20px;

height: 20px;

border: none;

background: url(images/knopka_poiska.jpg) no-repeat 50% 50%; /

float:left;

}

<form>

<div class="search">

<input type="search" name="q">

<input type="submit" value="">

</div>

</form>

как я понимаю кнопку нужно как-то внутрь инпута поставить,а у меня получается сбоку. Может я совсем не правильно делаю?

[Radiocity]

Ну, ведь Вы же уже знаете, что такое каскадные таблицы стилей (CSS), поэтому остается только настроить их таким образом, чтобы было также как на картинке.

Отмечу, что значок лупы сделал бы фоновой картинкой.

[mrnobody]

http://htmlbook.ru/faq/kak-sdelat-knopku-vnutri-polya-dlya-poiska