Html, подскажите как выровнять input и textarea

kazakova_777777

Ситуация такая - есть форма ввода строки input и под ней форма textarea.
При задании одинаковых размеров через size строка чуть меньше по длине чем текстовая форма (как я понимаю, из-за скролла в текстовой форме)
Нужно сделать, чтобы они были одинаковой длины.
Длина - в смысле по горизонтали размер, по-другому ширина
Подскажите плз как это можно сделать, может еще где можно размеры задавать

<input style="width:100px"/>

kazakova_777777

Есть, заработало.

kazakova_777777

А как еще сделать,чтобы комментарии были напротив каждой формы (на уровне) ?
Самое простое, что я придумал - это через таблицы.
Только проблема в том, что у меня таблица не реагирует на valign, видимо эти свойства заблокированы во внешних стилях.
Как можно из этого выкрутиться ?

uncle17

валигн прописать тоже через стили, очевидно
vertical-align:top

kazakova_777777

Там куча стилей, сложно найти в чем там дело, плюс если их поменять, там много других страниц могут неудачно поменяться
Нужно внести локальные исправления в таблицу.
Я слышал про приоритеты в стилях через !important, только не в курсе как его применять.
Как вообще можно вносить локальные исправления в таком случае ?

kazakova_777777

а, все понял, спасибо
через локальный стиль для элемента все заработало

rosali

да да, там внешние стили сложные написаны именно для того чтобы ты инлайновыми "выкручивался". ну шо за децкий сад. пишешь своей таблице и остальным элементам уникальные классы, пишешь на эти классы стили. чтобы потом когда вас осенит что этот инпут надо в другой цвет перекрасить, а таблица должна быть там с бордером каким-нибудь, не ходить и не искать на какие другие страницы её за это время скопипастили.

VerteX

Задайте
textarea {box-sizing:border-box;}