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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> input внутри table 
:(
    Опции темы
Testernew
Дата 3.5.2012, 07:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Есть примерно такая страничка, при уменьшении окна, текст спрыгивает вниз... как можно сделать что бы input уменьшался или увеличивался в зависимости от размера окна браузера... задача сделать так что бы при уменьшении окна, или когда оно развернуто на весь экран, все элементы были выстроены в одну линию.

Код

<body scroll='yes'>
<form>
<table width='100%' border='1'>
  <tr>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
  </tr>
</table>
</form>
</body>
PM   Вверх
Wolf1994
Дата 3.5.2012, 09:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 5.10.2004

Репутация: 1
Всего: 29
Добавить ещё один table. Для текста указать div фиксированной длины. Дл input оставшееся пространство:

Код

<body scroll='yes'>
<form>
<table width='100%' border='1'>
  <tr>
    <td style="width:33%">
      <table style="width:100%"><tr><td>
        <input type='text' style="width:100%">
      </td><td>
        <div style="width:250px;height:20px;overflow:hidden">текст текст тексттекст текст текст</div>
      </td></tr></table>
    </td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
  </tr>
</table>
</form>
</body>


Для уменьшения с лучшим сохранением пропорций текста и поля ввода можно использовать JavaScript: менять размер шрифта.

Это сообщение отредактировал(а) Wolf1994 - 3.5.2012, 09:19
PM MAIL WWW   Вверх
Testernew
Дата 3.5.2012, 22:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Спасибо больше попрообую!!!!
PM   Вверх
Testernew
Дата 2.6.2012, 17:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: нет
Цитата(Wolf1994 @ 3.5.2012,  09:18)
Добавить ещё один table. Для текста указать div фиксированной длины. Дл input оставшееся пространство:

Код

<body scroll='yes'>
<form>
<table width='100%' border='1'>
  <tr>
    <td style="width:33%">
      <table style="width:100%"><tr><td>
        <input type='text' style="width:100%">
      </td><td>
        <div style="width:250px;height:20px;overflow:hidden">текст текст тексттекст текст текст</div>
      </td></tr></table>
    </td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
    <td><input type='text' size='20%'>текст текст тексттекст текст текст</td>
  </tr>
</table>
</form>
</body>


Для уменьшения с лучшим сохранением пропорций текста и поля ввода можно использовать JavaScript: менять размер шрифта.

Работает вроде везде но в  IE 7 не хочет... input сбивается в угол и принимает минимальный размер....
PM   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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