Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Управление размерами input text и textarea 
V
    Опции темы
Pete
Дата 2.9.2006, 13:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 318
Регистрация: 5.1.2006
Где: Москва

Репутация: нет
Всего: 12



Мне нужно сделать 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>



--------------------
Совет учиться на ошибках других бесполезен; научиться чему-либо можно только на собственных ошибках. (Бернард Шоу)
Не откладывай на завтра то, что можешь сделать сегодня. (Пословица)
А теперь выпишем точное значение числа пи... (Препод)
Жахни, Пендальф! © Гоблин
PM   Вверх
S2nek
Дата 2.9.2006, 14:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 21.4.2006

Репутация: нет
Всего: нет



используй CSS. можешь задать и цвет и размер текста внутри
PM MAIL WWW   Вверх
Pete
Дата 2.9.2006, 14:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 318
Регистрация: 5.1.2006
Где: Москва

Репутация: нет
Всего: 12



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


--------------------
Совет учиться на ошибках других бесполезен; научиться чему-либо можно только на собственных ошибках. (Бернард Шоу)
Не откладывай на завтра то, что можешь сделать сегодня. (Пословица)
А теперь выпишем точное значение числа пи... (Препод)
Жахни, Пендальф! © Гоблин
PM   Вверх
R.M.
Дата 2.9.2006, 23:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Цитата(Pete @  2.9.2006,  15:31 Найти цитируемый пост)
При чем здесь CSS?

Код

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


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


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Exception
Дата 3.9.2006, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Участник Клуба
Сообщений: 4525
Регистрация: 26.12.2004

Репутация: 7
Всего: 186



Цитата(Куксикус @  3.9.2006,  00:19 Найти цитируемый пост)
<input type='text' style='width: 200px;'><br />


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

Код

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

PM   Вверх
R.M.
Дата 3.9.2006, 18:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



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


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
S2nek
Дата 3.9.2006, 21:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 21.4.2006

Репутация: нет
Всего: нет



уже ответили причем smile . про цвет я так ляпнул о возможностях.
PM MAIL WWW   Вверх
Pete
Дата 3.9.2006, 22:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 318
Регистрация: 5.1.2006
Где: Москва

Репутация: нет
Всего: 12



Цитата(Pete @  2.9.2006,  15:31 Найти цитируемый пост)
При чем здесь CSS?

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

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

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


--------------------
Совет учиться на ошибках других бесполезен; научиться чему-либо можно только на собственных ошибках. (Бернард Шоу)
Не откладывай на завтра то, что можешь сделать сегодня. (Пословица)
А теперь выпишем точное значение числа пи... (Препод)
Жахни, Пендальф! © Гоблин
PM   Вверх
R.M.
Дата 3.9.2006, 22:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



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 (каскадные таблицы стилей)


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Pete
Дата 3.9.2006, 23:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 318
Регистрация: 5.1.2006
Где: Москва

Репутация: нет
Всего: 12



Цитата
In computing, 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).



--------------------
Совет учиться на ошибках других бесполезен; научиться чему-либо можно только на собственных ошибках. (Бернард Шоу)
Не откладывай на завтра то, что можешь сделать сегодня. (Пословица)
А теперь выпишем точное значение числа пи... (Препод)
Жахни, Пендальф! © Гоблин
PM   Вверх
R.M.
Дата 3.9.2006, 23:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Вот именно, читай до конца
Цитата(Pete @  4.9.2006,  00:00 Найти цитируемый пост)
(written in HTML or a similar markup language) from document presentation (written in CSS)




--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Pete
Дата 3.9.2006, 23:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 318
Регистрация: 5.1.2006
Где: Москва

Репутация: нет
Всего: 12



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


--------------------
Совет учиться на ошибках других бесполезен; научиться чему-либо можно только на собственных ошибках. (Бернард Шоу)
Не откладывай на завтра то, что можешь сделать сегодня. (Пословица)
А теперь выпишем точное значение числа пи... (Препод)
Жахни, Пендальф! © Гоблин
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1177 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.