Question

Нашел форму для поиска по сайту в интернете, адаптированную к сайтам uCoz. Дизайн менял сам с помощью css через блокнот и потом перенес к себе на сайт, но начались проблемы с размерами. Ширина поля занимает 25% страницы, а ширина кнопки 5%, но на сайте эти размеры меньше. У поля для ввода текста высота больше, чем у кнопки, хотя в css у них высота одинаковая. В пикселях та же фигня.

  <form class="search_form" onsubmit="this.search.disabled=true" method="get" action="/search/">  <input class="search_pole" name="q" placeholder="Введите запрос..." type="text"> <input class="search_button" onclick="this.search.disabled=true" name="search" value="Поиск" type="submit"> </form> <style> .search_form { font: 1vw times new roman; }  .search_pole { width: 25%; height: 2vw; background: #545454; color: #fff; border: 0.2vw solid #808080; float: left; border-radius: 2vw 0 0 2vw; padding-left: 0.7vw; }  .search_button { width: 5%; height: 2vw; background: #545454; color: #fff; border: 0.2vw solid #808080; float: left; border-radius: 0 2vw 2vw 0; margin-left: -0.2vw; } </style>

 

Answer 1

Замените height: 2vw; на height: 1.5vw;

Comments

Пытался, но посмотрел через компьютер знакомого. У него высота поля оказывается на 0.1vw меньше, хотя у меня все хорошо. А в процентах вообще не работает.

---

Рэд,

Идеально не получится, как говорил выше, так пропишите, тогда у меня все корректно отображается, в друга чуть не так, ну придется так и оставить так как под каждое устройство вы форму не настроите.