С нами с 22.03.07
Сообщения: 260
Рейтинг: 240
|
 Добавлено: 27/01/09 в 17:23 |
Search форма
собственно трабла(только в ИЕ):
в опере и мозилле всё ок...
при вёрстке делалось так в html
| Код: | <div class="SearchForm">
<input autocomplete="off" name="SearchField" type="search" class="SearchInput"/>
</div> |
и так в css
| Код: | .SearchForm {
float: left;
height: 40px;
width: 134px;
padding-left: 10px;
}
|
помогите плиз -)) как решить такое. форма куда то уезжает мать её...
|
|
|
|
| |
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
| Добавлено: 27/01/09 в 17:31 |
а для класса SearchInput что в css указано?
|
|
|
|
Дизайн (CJ от 40$, AVS от 80$)
|
0
|
|
| |
С нами с 22.03.07
Сообщения: 260
Рейтинг: 240
|
| Добавлено: 27/01/09 в 17:35 |
вот:
| Код: |
.SearchInput{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
color:#000000;
width:110px;
height:23px;
background:url("images/BackgroundSearchInput.gif") 0 0 no-repeat;
float: left;
padding-right: 50px;
padding-left: 20px;
font-weight: normal;
position: absolute;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 4px;
} |
|
|
|
|
| |
чоткий дезайнер
С нами с 20.07.06
Сообщения: 1782
Рейтинг: 731
|
| Добавлено: 27/01/09 в 18:04 |
нипанятна 
чёто не пойму, почему бэкграунд в инпуте смещается влево
а вообще код css здоровый,
все бордеры и маргины лучше так записать
border: 0;
margin: 0;
|
|
|
|
Дизайн (CJ от 40$, AVS от 80$)
|
1
|
|
| |
С нами с 22.03.07
Сообщения: 260
Рейтинг: 240
|
| Добавлено: 27/01/09 в 18:45 |
трындец как нипанятна... полдня борюсь...
|
|
|
|
| |
С нами с 06.03.05
Сообщения: 6216
Рейтинг: 7375
 
|
| Добавлено: 27/01/09 в 22:18 |
понакрутил что то ты и float и absolule
| Код: |
float: left;
...
position: absolute;
|
пикча точно нормально вырезана?
|
|
|
|
| |
С нами с 11.11.08
Сообщения: 3606
Рейтинг: 402
|
| Добавлено: 28/01/09 в 00:09 |
Ух, это конечно жестко
| Код: | padding-right: 50px;
padding-left: 20px;
font-weight: normal;
position: absolute;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 4px;
padding-bottom: 4px; |
Код можно сократить вот так:
| Код: |
position: absolute;
padding:4px 50px 4px 20px;
margin:8px 0px 0px0px;
border:0px; |
Это лучше заменить либо не описывать вообще.
И, наконец, по сабжу.
Вот этот имидж
| Код: | | background:url("images/BackgroundSearchInput.gif") no-repeat; |
лучше поставить в бэкграунд твоему диву div class="SearchForm", так как в ИЕ6 бэкграунд инпут-формы будет "уплывать" в правую сторну, вместе с вводимым текстом. В твоем случае, после 100-го введенного символа, скорее всего, бэкгруанд вообще скроется из поля зрения.
ЗЫ как вариант, можешь "подпереть" инпут форму со сторон двумя дивами с закругленными бэкграундами. А полю ввода дать бекграунд с репит-х.
|
|
|
|
| |
С нами с 11.11.08
Сообщения: 3606
Рейтинг: 402
|
| Добавлено: 28/01/09 в 00:16 |
| Petek писал: | нипанятна
чёто не пойму, почему бэкграунд в инпуте смещается влево
|
При данной верстке, в ИЕ6 его туда смещает вводимый текст.
|
|
|
|
| |
С нами с 22.03.07
Сообщения: 260
Рейтинг: 240
|
| Добавлено: 28/01/09 в 02:36 |
спасибо всем! всех оценил -))
завтра буду изголяться -))
|
|
|
|
| |
Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте! |
