Форма поиска в DLE и speedbar

12
дани мапов
На сайте с 06.09.2012
Offline
204
#11
1NVADER:
Спасибо, помогло. По второй проблеме не подскажете?

Эта проблема?

У меня постоянные проблемы с Firefox, он регулярно добавляет пару пикселей к margin и padding, что прописаны в стилях.

А пример есть? Желательно также со скрином.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
1NVADER
На сайте с 25.12.2010
Offline
56
#12
дани мапов:
Эта проблема?

У меня постоянные проблемы с Firefox, он регулярно добавляет пару пикселей к margin и padding, что прописаны в стилях.

А пример есть? Желательно также со скрином.

Да она там, в принцыпе, все правильно отображает, только размер поискового поля в firefox больше чем прописан в стилях.

За вывод в шаблоне отвечает вот этот код:


<form method="post" action='search'>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<div class="search">
<input id="story" name="story" value="Быстрый поиск по нашему сайту..." onblur="if(this.value=='') this.value='Быстрый поиск по нашему сайту...';" onfocus="if(this.value=='Быстрый поиск по нашему сайту...') this.value='';" type="text" />
&ensp;
<button type="submit" id="searchSend" class="fa fa-search"></button>
</div>
</form>

Стили:


/* Поиск по сайту */
.search {float:right;margin:11px 0 0 0;position:relative;}
.search #story {font-size:13px;width:300px;padding:6px 5px 6px 5px;background:#272C35;border:1px solid #9DA0A5;border-radius:3px;color:#969596;transition: all 0.5s linear;}
.search #story:focus {color:#FFFFFF; border-color:#FFFFFF;outline:none;box-shadow:none;}
.search #searchSend {border:none; padding:0;}
.search #searchSend:hover {color:#FFFFFF;}

Вот скриншот:

jpg 136493.jpg
Интересные факты | ADZI.RU (http://adzi.ru)
дани мапов
На сайте с 06.09.2012
Offline
204
#13
1NVADER:
Да она там, в принцыпе, все правильно отображает, только размер поискового поля в firefox больше чем прописан в стилях.

Что-то не вижу никакой проблемы, 300px указана длина через CSS и 300px в действительности длина поля.

1NVADER
На сайте с 25.12.2010
Offline
56
#14

ну на скрине даже видно что поисковое поле не ровно стоит если сравнить оперу и файрфокс. Хотелось бы выровнять.

дани мапов
На сайте с 06.09.2012
Offline
204
#15
1NVADER:
ну на скрине даже видно что поисковое поле не ровно стоит если сравнить оперу и файрфокс. Хотелось бы выровнять.

Так это оно сдвинуто влево, по-моему, это не настолько критично.

Coolteams
На сайте с 02.05.2014
Offline
58
#16
1NVADER:
если сравнить оперу и файрфокс. Хотелось бы выровнять.

надо выровнять руки таму верстальшику, который в 1995 году верстал этот шаблон.

Тут каждый браузер по своему показывает, весь шаблон надо ровнять, проще сверстать новый.

png 200ac-clip-56kb.png
1NVADER
На сайте с 25.12.2010
Offline
56
#17
дани мапов:
Так это оно сдвинуто влево, по-моему, это не настолько критично.

Ладно, оставлю как есть. Немного страдаю перфекционизмом поэтому так и мозолило глаз 😂

Спасибо за помощь!

12

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