ищу помощи. input съедает label при уменьшении ширины

[Emmys]

ищу помощи. input съедает label при уменьшении ширины
http://fsdbhome.ru/m/test1/#reg

Добавлено 22.02.14, 06:42
я вроде бы понимаю что это из за class="ui-field-contain"
но как это исправить не представляю.........

[UncleBob]

Цитата

At a sufficient width the label for each form element will be placed to the left of the form element, whereas on narrow displays, the label will appear above the form element.

собственно, у тебя так и происходит

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

[Emmys]

это все верно.. но вот так вот - не должно же быть....... как на рисунке
Прикреплённый файл2.png (38,95 Кбайт, скачиваний: 442)

Добавлено 22.02.14, 08:13
надо в добавить вот такую вещь мне кажется в desing.css.. а что там прописать......?

@media only screen and (min-width: 100px) and (max-width: 480px) {
}

[UncleBob]

не надо ничего добавлять

.ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
    width: 30% !important;
}
 
.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
    width: 68% !important;
}

[Emmys]

UncleBob, спасибо работает.
а не могли бы Вы объяснить что значит этот синтаксис. я хочу разобраться и понять.

[B]ui-field-contain > label ~ [class*="ui-"][/B]

Сообщение отредактировано: Emmys - 22.02.14, 11:26

[UncleBob]

это я из jq css кусок выдрал и подправил.

что означает - это надо курить маны по селекторам css

Сообщение отредактировано: UncleBob - 22.02.14, 11:31

[Emmys]

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

[UncleBob]

Firebug