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

Кривое отображение поиска

KM
На сайте с 29.04.2013
Offline
7
KillMa
515

Здравствуйте!

Оптимизирую шаблон DLE сайта и не знаю как исправить поиск, гляньте пожалуйста:

Вот как это выглядит, а вот код:


<form method="post" action=''>
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<ul class="searchbar reset">
<li class="lfield"><input id="story" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /></li>
<li class="lbtn"><input title="Найти" alt="Найти" type="image" src="{THEME}/images/spacer.gif" /></li>
</ul>
</form>

Как бороть не знаю..(

Q8
На сайте с 02.08.2012
Offline
31
q8888
#1

тут стили смотреть надо. у Вас, видимо, для элементов списка float по левому краю не задан. либо ширина первого элемента списка, который поисковое поле, указана слишком большой, и второй элемент (кнопка) вытесняется на следующую строку.

css покажите

переместить элемент css Помогите с DLE шаблоном Помогите разобраться с атрибутом
KM
На сайте с 29.04.2013
Offline
7
KillMa
#2
q8888:
тут стили смотреть надо. у Вас, видимо, для элементов списка float по левому краю не задан. либо ширина первого элемента списка, который поисковое поле, указана слишком большой, и второй элемент (кнопка) вытесняется на следующую строку.

css покажите

Вот, смотрите:

/*---search---*/
.searchbar {
margin-top: 20px;
float: right;
width: 206px;
height: 26px;
background: #293a0a url("../images/search.png") no-repeat;
}

.searchbar li {
float: left;
height: 26px;
}

.searchbar .lfield {
width: 174px;
padding-left: 5px;
overflow: hidden;
}

.searchbar .lfield input {
font-size: 0.85em;
color: #85bf1f;
float: left;
height: 15px;
width: 170px;
border: 0 none;
background: none;
margin-top: 5px;
}

.searchbar .lbtn input {
width: 27px;
height: 26px;
background: #89c523 url("../images/search.png") no-repeat 100% 0;
}

.searchbar .lbtn input:hover {
background-position: 100% -26px;
}
Q8
На сайте с 02.08.2012
Offline
31
q8888
#3

так-то вроде все чисто, на голой странице нормально встало.

во всех браузерах так искажается? сайт можно посмотреть?

---------- Добавлено 30.04.2013 в 02:33 ----------

стоп. а надпись "Найти" на кнопке зачем? она может кнопку растягивать за границы width: 27px;

это как предположение. можете на

.searchbar .lbtn input

поставить

overflow: hidden;

посмотреть, как себя поведет

Вопросы по веб-строительству от Слайдер с паралаксом, автозапуск Kappusta.Ru - новая биржа
KM
На сайте с 29.04.2013
Offline
7
KillMa
#4
q8888:
так-то вроде все чисто, на голой странице нормально встало.
во всех браузерах так искажается? сайт можно посмотреть?

---------- Добавлено 30.04.2013 в 02:33 ----------

стоп. а надпись "Найти" на кнопке зачем? она может кнопку растягивать за границы width: 27px;
это как предположение. можете на
.searchbar .lbtn input
поставить
overflow: hidden;
посмотреть, как себя поведет

С overflow пробовал, а насчет надписи "Найти" тоже пробовал убирать и тогда на его месте появляется надпись "отправить запрос"

я тоже видел сайты с такой же формой и отображалась она корректно, хз в чем проблема

Как с вами можно связаться? Не могу воспользоваться тут ЛС

Вопрос по windows 10 Вопрос про вывод Вебмани Ранжирование группы ВК
Q8
На сайте с 02.08.2012
Offline
31
q8888
#5

8584471 - icq

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