-
Не могу установить высоту для input type="text"
Устанавливаю посредством CSS height: 18px, но в итоге во всех браузерах получается 20 px.
Откуда такие искажения в размерах?
Доктайп : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
[Only registered and activated users can see links. Click Here To Register...]
Код:
<form class="login">
<fieldset class="login">
<div class="mail">
<label for="mail" accesskey="а">E-mail:</label>
<input type="text" id="mail" tabindex="1" />
<input type="button" value="ok" tabindex="3" class="ok"/>
</div>
</fieldset>
</form>
Код:
#mail {
width: 100px;
height: 18px;
border: 1px solid #e0e0e0;
vertical-align: baseline;
}
fieldset.login {
width: 208px;
text-align: right;
border: 0px;
}
div.mail {
padding-right: 7px;
}
input.ok {
****height: 18px;
****width: 35px;
****border: 1px solid #cccccc;
****background-color: #FFFFFF;
****font-family: Tahoma;
****font-size: 11px;
****color: #373737;
}
-
1. Для input type="text" не назначен class="ok".
2. Верхний и нижний бордер в любом случае необходимо учитывать.
P.S.
1. В «чистом» HTML пустые элементы не закрываются.
2. Для элементов input любого типа (кроме type="submit" и type="reset") наличие атрибута name является обязательным условием. Атрибут id не является аналогом атрибута name...
-
[Only registered and activated users can see links. Click Here To Register...]
такая же шняга
в ИЕ на один пиксель смешается кнопочка
-
Высота input'a также зависит от свойств текста (интерлиньяжа, размера шрифта). Проверьте глобальные свойства line-height и возможно назначен параметр padding.
-
Высота инпута зависит от заданной этому инпуту высоты...
