Показано с 1 по 5 из 5

Тема: высота INPUT TEXT

  1. #1

    Регистрация
    11.11.2007
    Сообщений
    29
    Не могу установить высоту для 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">

    [Только зарегистрированные пользователи могут видеть ссылки. ]
    Код:
    <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;
    }

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    1. Для input type="text" не назначен class="ok".
    2. Верхний и нижний бордер в любом случае необходимо учитывать.



    P.S.

    1. В «чистом» HTML пустые элементы не закрываются.
    2. Для элементов input любого типа (кроме type="submit" и type="reset") наличие атрибута name является обязательным условием. Атрибут id не является аналогом атрибута name...

  3. #3

    Регистрация
    11.11.2007
    Сообщений
    29
    [Только зарегистрированные пользователи могут видеть ссылки. ]
    такая же шняга
    в ИЕ на один пиксель смешается кнопочка

  4. #4

    Регистрация
    20.11.2007
    Сообщений
    12
    Высота input&#39;a также зависит от свойств текста (интерлиньяжа, размера шрифта). Проверьте глобальные свойства line-height и возможно назначен параметр padding.

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Высота инпута зависит от заданной этому инпуту высоты...

Похожие темы

  1. Untransform Text
    от baj2 в разделе Векторная графика
    Ответов: 1
    Последнее сообщение: 18.09.2006, 19:37
  2. Динамическое создание новых полей ввода input text
    от tolik777 в разделе Веб-программирование
    Ответов: 1
    Последнее сообщение: 12.07.2006, 17:50
  3. "Size" в input type="text"
    от Violator в разделе Вёрстка сайта
    Ответов: 0
    Последнее сообщение: 09.01.2006, 13:07
  4. траблы с flash mx (text)
    от QWER_cool в разделе Flash-технологии
    Ответов: 6
    Последнее сообщение: 24.04.2005, 23:59
  5. стиль для всех input и отдельно для input type='image'?
    от bmn в разделе Вёрстка сайта
    Ответов: 7
    Последнее сообщение: 01.03.2005, 17:22

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •