[Помогите] Форма поиска на сайт

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем kit-kater, 18 май 2015.

Статус темы:
Закрыта.
  1. kit-kater

    kit-kater

    Регистрация:
    18 май 2015
    Сообщения:
    41
    Симпатии:
    0
    Помогите.
    Нужно сделать форму поиска на сайт.
    Не знаю каким способом это реализовать.
    Картинки какой форма должна быть и какая у меня получилась во вложениях.
    Помогите пожалуйста...

    <span class="search">
    <form class="search-main" action="" method="">
    <input class="serch-btn" type="image" src="images/s-btn.png" />
    <input class="serch-txt" type="text" name="search" />
    </form></span>



    .search-main{
    z-index:10000;
    }
    .serch-btn{
    margin:0;

    }
    .serch-txt{
    border-color: #e2cac1;
    border-left: none;
    border-width:1px;
    border-style:ridge;
    height:25px;
    margin:0;
    }

    [​IMG] - вот что нужно

    [​IMG] - а вот что получилось
     
    Lasted edited by : 18 май 2015
  2. dexteron

    dexteron

    Регистрация:
    12 окт 2012
    Сообщения:
    46
    Симпатии:
    14
    попробуйте дописать для
    Код:
    .serch-btn {
       margin:0;
       position:relative;
       top:25px /*приблизительно, плюс-минус пара пикселей*/
    }

    А лучше скиньте ссылку на сайт, так будет удобней увидеть.
     
    kit-kater нравится это.
  3. kit-kater

    kit-kater

    Регистрация:
    18 май 2015
    Сообщения:
    41
    Симпатии:
    0
    Спасибо большое)
    Теперь все правильно)
     
Статус темы:
Закрыта.