Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Управление размерами input text и textarea

Автор: Pete 2.9.2006, 13:46

Мне нужно сделать 2 текстовых поля: одно однострочное, другое -- многострочное. Единственное требование заключается в том, чтобы задать им одинаковую ширину. Насколько удалось выяснить, в качестве текстового поля из 2-х и более полей можно использовать только textarea, но меня 1) угнетает его моноширинный шрифт; 2) связанная с этим невозможность плавного изменения размера, как у input text. Сделать однострочный textarea красивым не получилось.

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

Код


<table width="98%" border="1" align="center">
    <tr>
      <td width="50%">
        <input type="text" size="100%"> <!-- "100%" то же самое, что и "100" -->
        <textarea cols="100" rows="5"></textarea>
      </td>
      
      <td>
        &nbsp;
      </td>
    </tr>
  </table>

Автор: S2nek 2.9.2006, 14:24

используй CSS. можешь задать и цвет и размер текста внутри

Автор: Pete 2.9.2006, 14:31

При чем здесь CSS? Мне не нужно менять цвет, нужно сделать 2 поля одинакового размера, однострочное и многострочное.

Автор: R.M. 2.9.2006, 23:19

Цитата(Pete @ 2.9.2006, 15:31

)

При чем здесь CSS?

Код


<input type='text' style='width: 200px;'><br />
<textarea style='width: 200px;'></textarea>

Думаю при этом.

Автор: Exception 3.9.2006, 14:48

Цитата(Куксикус @ 3.9.2006, 00:19

)

Раз уж мы пишем XHTML, то

Код


<input type='text' style='width: 200px;' /><br />

Автор: R.M. 3.9.2006, 18:46

Exception, smile

точно, я что-то глюкнул.

Автор: S2nek 3.9.2006, 21:23

уже ответили причем smile

. про цвет я так ляпнул о возможностях.

Автор: Pete 3.9.2006, 22:50

Цитата(Pete @ 2.9.2006, 15:31

)

При чем здесь CSS?

CSS -- это средство для оптимизации кода, активно использующего стили.
В ответе «Используй CSS», во-первых нет никакой информации (для решения вопроса), во-вторых, его использование -- лишь рефакторинг того, что мне нужно сделать.

В том, что вы написали, CSS не используется нигде. Это лишь стили.

Всем:
Большое спасибо! Наконец-то заработало! smile

Автор: R.M. 3.9.2006, 22:54

Pete, мда... а стили это не css? Просто css я поместил в style, по другому точно также можно сделать так

Код


.fields {width: 200px;}

Код


<input type='text' class='fields' /><br />
<textarea class='fields' /></textarea>

Добавлено @ 22:57

Цитата(Pete @ 3.9.2006, 23:50

)

CSS -- это средство для оптимизации кода

А я всегда думал что этто Cascading Style Sheets (каскадные таблицы стилей)

Автор: Pete 3.9.2006, 23:00

Цитата

http://en.wikipedia.org/wiki/Cascading_Style_Sheets, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language.
...
It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS).

Автор: R.M. 3.9.2006, 23:10

Вот именно, читай до конца

Цитата(Pete @ 4.9.2006, 00:00

)

(written in HTML or a similar markup language) from document presentation (written in CSS)

Автор: Pete 3.9.2006, 23:34

По-моему, мы друг друга не понимаем... Ладно, вопрос решен, не будем спорить smile