|
как выровнить иконку в поиске?
|
|
|
|
Дата: Суббота, 26.03.2011, 12.31.30 | Сообщение # 1 |
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| В общем я сделал свой поиск (взял кусок вашего кода) и у меня почему то иконка на которую жмёшь и должен начинаться поиск вылезла за края формы поиска...а надо чтобы было как на первом скриншоте
вот так должно быть
а вот так как щас
html
Code <div class="searchForm"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"><input type="submit" class="kp_serch" id="sfSbm" value="" /><div align="center" class="schQuery"><input onBlur="if(this.value=='') this.value='Поиск...';" onFocus="if(this.value=='Поиск...') this.value='';" value="Поиск..." type="text" name="q" maxlength="20" size="22" class="queryField" /></div></form></div>
css
Code .queryField {border:3px solid #ccc; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px;}
.kp_serch {background:url(/img/search.png) no-repeat;border:none;float:right;}
.kp_serch:hover {opacity:0.9;}
.kp_serch {cursor:pointer;} |
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 15.16.26 | Сообщение # 2 |
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| KrAcAvChIK, Quote Объявление: Уважаемые пользователи! Не забывайте указывать адрес сайта в случае проблемы.
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 15.40.17 | Сообщение # 3 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, http://wooms.ru/ Добавлено (26.03.2011, 15:40)
---------------------------------------------
но только я убрал тот код с которым проблема так как криво робит(((
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 18.36.11 | Сообщение # 4 |
|
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| эх, я хотел визуально настроить, не люблю когда все делается на глаз, ещё хуже получается 
KrAcAvChIK, попробуйте так
Code .queryField {border:3px solid #ccc; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px;}
.kp_serch {background:url(/img/search.png) no-repeat;border:none;position:relative;bottom:-10px;margin-top:-10px;float:right;cursor:pointer;}
.kp_serch:hover {opacity:0.9;}
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 19.10.50 | Сообщение # 5 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, вот что получилося 
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 19.27.42 | Сообщение # 6 |
|
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| ну что я и говорил 
Quote (Reysler) не люблю когда все делается на глаз
В моем коде во второй строчке найдите
Число -10 регулируйте пока не добьетесь нужного результата.
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 19.30.08 | Сообщение # 7 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, дык а что ещё нужно код есть тести где нить его)))
регулировал и отрегулировал но этот отступ сверху всё портит(((
вот у тя на сайте всё в норме и без этого...
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 22.01.28 | Сообщение # 8 |
|
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Quote (KrAcAvChIK) регулировал и отрегулировал но этот отступ сверху всё портит(((
Этот отступ редактируется непосредственно у вас в коде шаблона Поиска или блока, в котором расположен Поиск. |
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 22.39.18 | Сообщение # 9 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, этот отступ появляется из за bottom:-10px; и чем большее значение тем он больше 
|
| |
|
|
|
|
Дата: Суббота, 26.03.2011, 22.46.20 | Сообщение # 10 |
|
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Значит придется немного пожертвовать местом
|
| |
|
|
|
|
Дата: Воскресенье, 27.03.2011, 07.41.58 | Сообщение # 11 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, вобще не вариант!
|
| |
|
|
|
|
Дата: Воскресенье, 27.03.2011, 09.31.46 | Сообщение # 12 |
|
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
| Есть ещё один вариант.
Во втором коде так же настраиваем
Code .kp_serch {background:url(/img/search.png) no-repeat;border:none;position:relative;bottom:-10px;margin-top:-10px;float:right;cursor:pointer;}
bottom:-10px; и margin-top:-10px;
где -10 меняйте на число
|
| |
|
|
|
|
Дата: Воскресенье, 27.03.2011, 09.47.21 | Сообщение # 13 |
|
Уровень 1
Зарегистрирован: 26.03.2011
Пользователь №: 411
Сообщений: 7
| Reysler, да спс и на этом)я уже отказался от этой затеи)))
|
| |
|
|
