Стилизация формы
Хочу поднять достаточно обширную тему, посвященную стилизации форм.
Первый вопрос: как в IE/FF/Safari выровнять checkbox'ы по высоте внутри строки? :confused: Если оставить им родный display: inline; все еще более-менее терпимо, правда в IE чекбоксы всегда чуть меньше, чем в мозилле/сафари.
Но в случае задания им float: left - это какой-то кошмар. В FF/Safari они "прижимаются" к верху контейнера, что достаточно закономерно. В IE же они центрируются и, если задать для них margin-top, что спасет отца русской демократии в нормальных браузерах, в IE они уедут вниз.
Второй вопрос: стилизация input type="file", который даже в зависимости от версии :confused: браузера выглядит по-разному. Ширину задать толком не получается - FF ширину устанавливает для всего элемента, вместе с сопутствующей кнопкой, а IE - только для поля ввода. Safari вообще не показывает никакого поля ввода, а только кнопку выбора файла и надпись "no file selected"... Как бороться?
Первый вопрос: как в IE/FF/Safari выровнять checkbox'ы по высоте внутри строки? :confused: Если оставить им родный display: inline; все еще более-менее терпимо, правда в IE чекбоксы всегда чуть меньше, чем в мозилле/сафари.
Но в случае задания им float: left - это какой-то кошмар. В FF/Safari они "прижимаются" к верху контейнера, что достаточно закономерно. В IE же они центрируются и, если задать для них margin-top, что спасет отца русской демократии в нормальных браузерах, в IE они уедут вниз.
Второй вопрос: стилизация input type="file", который даже в зависимости от версии :confused: браузера выглядит по-разному. Ширину задать толком не получается - FF ширину устанавливает для всего элемента, вместе с сопутствующей кнопкой, а IE - только для поля ввода. Safari вообще не показывает никакого поля ввода, а только кнопку выбора файла и надпись "no file selected"... Как бороться?
Отрисовка форм лежит на совести браузера и поле типа file явное тому доказательство. Если присмотреться, то в основном ты писал "в мозила/сафари всё нормально, в ИЕ выше/ниже/левее/правее"... Но ведь есть "ослиные комменты", где ты можешь вытворять с ослом почти что угодно.
e1vin, проще уж их позиционировать относительно строки (position:relative; - строке и position:absolute; - эл-ту).
А вообще, если интересна стилизация input type="file", то тут вообще все ужасно, его проще нарисовать новый. Вот здесь интересный пример реализации рисованной формы: http://w3-markup.com/p/dw
А вообще, если интересна стилизация input type="file", то тут вообще все ужасно, его проще нарисовать новый. Вот здесь интересный пример реализации рисованной формы: http://w3-markup.com/p/dw