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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> input,select width 100% 
:(
    Опции темы
Feldsher
Дата 5.7.2010, 15:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Ребята, как при верстке "резины" сделать элементы интерфейса на всю ширину контейнера?
PM MAIL   Вверх
bars80080
Дата 5.7.2010, 17:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



Код

input { width: 100%; }


работает?
PM MAIL WWW   Вверх
Feldsher
Дата 5.7.2010, 18:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Это пробовал в первую очередь)
Неа)))
Firefox же)
PM MAIL   Вверх
bars80080
Дата 5.7.2010, 19:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



должно работать. значит перекрывает какой-то более приоритеный стиль, либо не задана ширина у внешнего контейнера

нужно, чтобы ширина указывалась для всей лесенки элементов, в которых находится инпут
ну, и попробуй написать в самом инпуте:
<input style="width: 100%" />
PM MAIL WWW   Вверх
Feldsher
Дата 5.7.2010, 19:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Ситуация такова)

И не тянутся, редиски)

Это сообщение отредактировал(а) Feldsher - 5.7.2010, 23:55
PM MAIL   Вверх
mcTep
Дата 5.7.2010, 21:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



А что значит tr {width: 20%} ???

upd. И table {width: 600px; }

Это сообщение отредактировал(а) mcTep - 5.7.2010, 21:37
PM MAIL   Вверх
Feldsher
Дата 5.7.2010, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Сроки таблицы отображаютс горизонтально, каждая строка -  это контейнер для блока из инпутов и подписей к ним.
20% - значит при ширине таблицы в 600 пкс ширина каждого блока будет составлять 120 пкс, значит в горизонтальную строку поместится 5 блоков.
PM MAIL   Вверх
bars80080
Дата 5.7.2010, 22:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



строка это не блок. она не может встать горизонтально. она займёт ровно ширину таблицы

придумайте другой способ.

зачем вообще во что-то засовывать инпуты? они прекрасно встанут друг за другом в одну строку
PM MAIL WWW   Вверх
Feldsher
Дата 5.7.2010, 22:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



К инпутам нужны по-разному расположенные подписи, тут без контейнеров нельзя.
При шаманстве с display строки отображаютс без проблем, это никаких вопросов не вызывает)

А вот с шириной инпутов - проблемы)
PM MAIL   Вверх
bars80080
Дата 5.7.2010, 22:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



используйте слои div, параграфы p, линейные блоки span, которые просто предназначены для этого.

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

почему вас не устроило разделить строку на пять ячеек по 120 пикселов? это и было бы пользование таблицей по назначению
PM MAIL WWW   Вверх
Feldsher
Дата 5.7.2010, 22:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Барс, уважаемый, проблема с порядком заполнения страницы давным давно решена.
У меня сейчас голова болит именно о ширине input-ов.

PM MAIL   Вверх
bars80080
Дата 5.7.2010, 23:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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



если будешь пытаться выложить строчки в горизонтальную линию, то головная боль закончится кровоизлиянием в мозг.

поясню на примере: бензин тоже жидкость, но им не тушат пожар. так не делают
PM MAIL WWW   Вверх
m0ro
Дата 6.7.2010, 12:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**
Награды: 1



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

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



У меня почему-то работают и width, и max-width, и min-width...
Код страницы бы глянуть и стили.
PM MAIL   Вверх
Feldsher
Дата 6.7.2010, 19:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



А в процентах указываете ширину?)
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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