Не нравятся результаты поиска? Попробуйте другой поиск!

Форма поиска


     10.09.2013    Все вопросы » Ламерские вопросы    7205

вопрос
Нубовский вопрос.=)
Есть форма поиска (см. рис.):
Форма поиска

Мне надо кнопку "Искать" переместить вовнутрь поля, вот так (см.рис.):
Форма поиска

Вот HTML:
<div class="box search-form">
<form method="post" action="">
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input name="story" type="text" value="Найти фильм" onfocus="if(this.value=='Найти фильм')this.value=''" onblur="if(this.value=='')this.value='Найти фильм'"  class="edit" />
<input type="submit" name="search" value="Искать" class="button" />
</form></div>

Ответил: Sander


По хорошему, на внешний div с классом search-form вешается стиль с зеленой рамкой, пример:
.search-form{padding:5px;border:1px solid #0f0;}

Для input-a с классом edit стиль:
.edit{height:18px;border:0;padding:0;width:560px;}

Стиль для кнопки можно оставить прежним.

2 комментария

Exile
Гости

Exile - 10 сентября 2013 19:44 -

Сделай абсолютное позиционирование:
position:absolution;
И двигай с помощью left и right.

Sotnik
Юзер

Sotnik - 11 сентября 2013 08:21 -

Спасибо. Я сделал у кнопки absolute:relative и вогнал её margin-top: и margin-right:
Вроде кошерненько вышло =)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх