powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно сверстать поле поиска, на которое накладывается картинка
2 сообщений из 2, страница 1 из 1
Как правильно сверстать поле поиска, на которое накладывается картинка
    #34689953
Фотография Berkut
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Привет!

Ребят, подскажите как такое сверстать, чтобы ничего не уехало и значок поиска был жестко прикреплен к элементу <input type="text" />.

Форма поиска располагается в правом верхнем углу.
Сейчас сделал следующем образом:
вырезал область кнопки поиска и часть <input type=text />
положил на слой и подогнал размеры
сделал <input type="text /> такой длины, чтобы текст "не уезжал" за слой.

Но, как только начинаешь менять размеры окна браузера, все съезжает нахер!
В интернете ищу статьи или в форумах, но пока ничего подходящего нет.
Наверняка, уже кто-то верстал так.

Спасибо!
...
Рейтинг: 0 / 0
Как правильно сверстать поле поиска, на которое накладывается картинка
    #34690613
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
сделать фон отдельно, лупу отдельно
и фиксированную табличку из кнопок и поля.
Всё прижать к правому верхнему краю(c position absolute или fixed)
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как правильно сверстать поле поиска, на которое накладывается картинка
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]