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

[-USTAS-]

Помогите пожалуйста с веб дизайном. В этой форме поиска нужно исправить кое-что:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

А именно:

1. Чтобы в окне шрифт печатал белым цветом
2. Нужно соединить кнопку и окно чтобы выглядело, как одно целое.

Т.е. в общем, вид был вот такой:

Буду ОЧЕНЬ признателен!!!

 

[Martyn911]

дай часть кода с поиском, попробую помочь

 

[UDAV]

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

А чтоб цвет был белый. так ты в инпут поля добавь в стили color: white

 

[bork75]

<input style="background:url(http://kordelia.kiev.ua/images/search_box.png); height:18px; width:123px; border:0; color:#fff; padding-right:0; margin-right:0; margin-top:2px; float:left;" type="text" onfocus="if(this.value=='Что будем искать?..') this.value='';" onblur="if(this.value=='') this.value='Что будем искать?..';" value="Что будем искать?.." alt="Что будем искать?.." maxlength="20" class="srch_query" name="query"/>
<input style="border:none; margin-left:0; padding-left:0;" type="image" src="http://kordelia.kiev.ua/images/search_butt.png" class="searchSbmFl" name="sfSbm" value="Найти" />

 

[Martyn911]

пробуй так

<input style="background:url(http://kordelia.kiev.ua/images/search_box.png); height:20px; width:123px; border:0; color: white; padding-right:0; margin-right:0; margin-top:0px; float:left;" type="text" onfocus="if(this.value=='Что будем искать?..') this.value='';" onblur="if(this.value=='') this.value='Что будем искать?..';" value="Что будем искать?.." alt="Что будем искать?.." maxlength="20" class="srch_query" name="query"/>
<input style="border:none; margin-left:0; padding-left:0;" type="image" src="http://kordelia.kiev.ua/images/search_butt.png" class="searchSbmFl" name="sfSbm" value="Найти" />

 

[-USTAS-]

В таблицу из двух ячеек запихни код.. в первой поле, во второй кнопка, тогда будет нормально.
Ну или на слоях помучаться -)
А чтоб цвет был белый. так ты в инпут поля добавь в стили color: white

Большущее спасибо - помогло!!!

Добавлено через 5 минут

<input style="background:url(http://kordelia.kiev.ua/images/search_box.png); height:18px; width:123px; border:0; color:#fff; padding-right:0; margin-right:0; margin-top:2px; float:left;" type="text" onfocus="if(this.value=='Что будем искать?..') this.value='';" onblur="if(this.value=='') this.value='Что будем искать?..';" value="Что будем искать?.." alt="Что будем искать?.." maxlength="20" class="srch_query" name="query"/>
<input style="border:none; margin-left:0; padding-left:0;" type="image" src="http://kordelia.kiev.ua/images/search_butt.png" class="searchSbmFl" name="sfSbm" value="Найти" />

ОТЛИЧНО!!!! То что нужно!!!
Я Вам ОЧЕНЬ благодарен!!!
Единственное не могу расширить длину полуовала там где вводится запрос. т.е. что бы в общем овал по размерам был такой же как красный с надписью "Условия работы":

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Рисунок удлинял, "width:123px" увеличивал - ничего не помагает(((
Как это можно сделать?

Добавлено через 6 минут

пробуй так

<input style="background:url(http://kordelia.kiev.ua/images/search_box.png); height:20px; width:123px; border:0; color: white; padding-right:0; margin-right:0; margin-top:0px; float:left;" type="text" onfocus="if(this.value=='Что будем искать?..') this.value='';" onblur="if(this.value=='') this.value='Что будем искать?..';" value="Что будем искать?.." alt="Что будем искать?.." maxlength="20" class="srch_query" name="query"/>
<input style="border:none; margin-left:0; padding-left:0;" type="image" src="http://kordelia.kiev.ua/images/search_butt.png" class="searchSbmFl" name="sfSbm" value="Найти" />

Пробовал но немного коряво получается. Но все равно спасибо!

 

[bork75]

Исправь. + Ширину любую (width:123px).

<input style="background: #1F5A7D url(http://kordelia.kiev.ua/images/search_box.png) no-repeat;

Эту картинку

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

нужно пересохранить без прозрачного слоя, если не получится - скину.

 

[-USTAS-]

Исправь. + Ширину любую (width:123px).

<input style="background: #1F5A7D url(http://kordelia.kiev.ua/images/search_box.png) no-repeat;

Эту картинку
*** скрытое содержание ***
нужно пересохранить без прозрачного слоя, если не получится - скину.

Отлично! Ширину подогнал, только вот рамка появилась
Может это из=за рисунка, ноя не знаю как сделать без прозрачного слоя - хотя с фотошопом дружил всегда(((

 

[bork75]

Может это из=за рисунка, ноя не знаю как сделать без прозрачного слоя - хотя с фотошопом дружил всегда(((

Переименуй в search_box.png

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

рамки не будет.

 

[-USTAS-]

Переименуй в search_box.png
*** скрытое содержание ***
рамки не будет.

Как ты это сделал никак не могу понять В фотошопе?
И еще - осталься один, но ОЧЕНЬ важный вопрос
Почему поиск не ищет на страницах каталога:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Т.е. по всему сайту ищет, а на этих страницах ищет не до конца.
Например вводим в поиск слово "ваза". В результате поиск находит это слово на этой странице:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

НО!!! Оно находит слово ваза не в названии "Ваза с цветами", а в описании - "Стекляная ваза"
Почему????