Форум Сайтостроение Веб-строительство

Как уместить поле поиска и кнопку в одной строке (см.)?

Mahol
На сайте с 20.11.2016
Offline
105
Mahol
932

Всем здравия! Есть вопрос.

Вот обычный код поиска гугла.

<form action=" http://****.ru/poisk" id="cse-search-box">

<div>

<input type="hidden" name="cx" value="partner-pub-1160684533:50638453456" />

<input type="hidden" name="cof" value="FORID:10" />

<input type="hidden" name="ie" value="UTF-8" />

<input type="text" name="q" size="40" />

<input type="submit" name="sa" value="Поиск" />

</div>

</form>

<script type="text/javascript" src="http://www.google.ru/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>

Почему кнопка переносится на новую?

Смотрите скрин, что требуется:

jpg rrw.jpg
S
На сайте с 30.09.2016
Offline
469
Sitealert
#1

Переносится туда, где место есть.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Mahol
На сайте с 20.11.2016
Offline
105
Mahol
#2
Sitealert:
Переносится туда, где место есть.

Я перенёс в шапку, где места полно, результат тот же.

LEOnidUKG
На сайте с 25.11.2006
Offline
1771
LEOnidUKG
#3

Ну значит стиль какой-то работает. Самое топорное решение это разместить форму в таблицу. Форма отдельно, кнопка отдельно.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
SocFishing
На сайте с 26.09.2013
Offline
118
SocFishing
#4

задайте ширина input и присвойте width:50px;position: block; float: left; и на кнопку.

★Сервис идентифицирует (https://socfishing.com/?utm_source=searchengines) посетителей вашего сайта и предоставляет их профили ВКонтакте, Телефон, Почта! Цены копеечные, работаем 8 лет.
Mahol
На сайте с 20.11.2016
Offline
105
Mahol
#5

Сделал по совету LEOnidUKG, всем спасибо за ответы.

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