Помогите сверстать форму поиска

L
На сайте с 22.06.2009
Offline
20
416

Добрый день.

Необходимо сделать так, чтобы вместо стандартного текстового поля отображалась картинка (прикрепил).

Сейчас реализовано вот так.


{background: url('img/search.jpg'); border 0px; width:276px; height:24px; padding-left:25px;}

Отображается не так, как нужно...

jpg search.jpg
Вакансия "Оптимизатора". З/П от 50000 рублей (http://www.superjob.ru/)
Avenger
На сайте с 22.07.2007
Offline
47
#1

Ложите инпут в див, которому задаете бэкграундом нужную картинку, инпуту задаете фоном однопиксельную картинку по ширине (вырезанную из вашего фона) и ей repeat-x, дальше выравниваем паддингами или маржинами инпут в нужно место

С уважением, Андрей Головнев (http://golovnev.by/)
L
На сайте с 22.06.2009
Offline
20
#2

Avenger, спасибо....Будем пробовать

Avenger
На сайте с 22.07.2007
Offline
47
#3

Пример реализации такой же формы можете глянуть здесь spravzdrav.ru

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий