X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Высота <input> устанавливается неправильно
vit84
vit84
Topic Starter сообщение 28.4.2009, 12:03; Ответить: vit84
Сообщение #1


Подскажите пожалуйста, почему в браузерах IE7 и FF3 при задании DOCTYPE для страницы элемент <input> меняет свою высоту? Если убрать его, то высота становится нормальной. :wacko: Подскажите как сделать правильно. (Варианты убрать DOCTYPE или уменьшить height до 18 не предлагать)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title></title></head>
<body><form action="">

<select style="height:22px; margin:0px; padding:0px">
<option>test</option>
</select>

<input type="text" value="test" style="height:22px; margin:0px; padding:0px"/>

</form></body></html>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 28.4.2009, 13:24; Ответить: klenovnn
Сообщение #2


DOCTYPE обязателен и от того какой вы установите будут зависеть значения. Нужно изначально обнулить все значения (css) а затем задавать свое. Советую использовать strict doctype - строгий, но в нем любое излишество является ошибкой (в плоть до пробелов лишних)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vit84
vit84
Topic Starter сообщение 28.4.2009, 13:31; Ответить: vit84
Сообщение #3


(' post='31284 @ 28.4.2009, 16:24)
Нужно изначально обнулить все значения (css)

Обнуление каких именно значений решит проблему с высотой элемента? Прежде чем отвечать - проверьте, поможет ли.
Изменение типа DOCTYPE на решение проблемы никак не повлияло, плиз, давайте ответы по теме вопроса.
P.S. Изначально и было Strict, решил смягчить условия, все равно не помогло.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 28.4.2009, 13:38; Ответить: klenovnn
Сообщение #4


vit84, если ты не понимаешь, что тебе объясняют, значит ты не понимаешь, что вообще делать нужно, все внятно было сказано, а то что я говорю работает, имхо, все проверено на сто раз уже на практике и впредь больше не оценивай мои ответы и меня, нарушение правил! :rtfm:
ты вот это убери: style="height:22px; margin:0px; padding:0px"
сделай через css input {...}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vit84
vit84
Topic Starter сообщение 28.4.2009, 15:59; Ответить: vit84
Сообщение #5


(' post='31291 @ 28.4.2009, 16:38)
если ты не понимаешь, что тебе объясняют

Возможно, не понимаю. Потому тут и спрашиваю.
Объясни, почему сейчас не работает?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title></title>
<style type="text/css">
select {height:22px; margin:0px; padding:0px}
input {height:22px; margin:0px; padding:0px}
</style>
</head>

<body><form action="">

<select>
<option>test</option>
</select>

<input type="text" value="test"/>

</form></body></html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 28.4.2009, 16:05; Ответить: klenovnn
Сообщение #6


Они не поддерживают такие свойства. Посмотри htmlbook.ru что вообще им можно писать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vit84
vit84
Topic Starter сообщение 28.4.2009, 16:15; Ответить: vit84
Сообщение #7


Так бы и сказал сразу, что задача решения не имеет. Или по крайней мере его не знаешь. А то DOCTYPE неправильный... стили не там прописал... я ничего не понимаю... - куча причин.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 28.4.2009, 17:38; Ответить: klenovnn
Сообщение #8


За то ты сам понял и убедился, что решения нет, а так бы снова начал меня обсуждать и говорить, что я не прав. Молоток :goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arkady_hb
Arkady_hb
сообщение 28.4.2009, 21:56; Ответить: Arkady_hb
Сообщение #9


Высота inputa регулмруется с помощью установленного размера шрифта

например

<input type="text" size="25" style="font-size:10px;">

P.s. надеюсь я правильно понял вопрос и эта инфа еще актуальна для тебя:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 5.5.2009, 20:14; Ответить: Apay
Сообщение #10


у input и select высоту можно менять с помощью font-size и line-height (надо указать оба параметра в css)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4522 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) Нужно поправить всплывающее окно с input на WP
0 eduarddis 2406 10.9.2017, 13:32
автор: eduarddis
Открытая тема (нет новых ответов) автоматическая активация нужных <input type="radio">
1 FALKOR 3676 19.5.2016, 17:18
автор: -Valeron-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыНужен <input> с обработчиком...
0 ShowPrint 1057 24.9.2015, 19:28
автор: ShowPrint
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыМеню неправильно отображается в опере
0 Afrika999 1994 14.2.2013, 0:50
автор: Afrika999


 



RSS Текстовая версия Сейчас: 26.4.2024, 9:46
Дизайн