Сообщений в теме: 6

[Polotenchik]

Здравствуйте, подскажите пожалуйста как можно сделать, чтобы ширина всех полей формы была одинаковой?

[attachment=2530:4545.PNG]

[Cheren-dow]

Polotenchik, здравствуйте это делается через CSS стили. Без ссылки на сайт по стилям вам ни кто не сможет помочь. Можете дать ссылку на сайт?  

[Polotenchik]

Данный сайт находится на локальном компьютере, но можно рассмотреть на примере сайта http://www.igrushki-land.ru/, там таже ситуация, выпадающие списки разной ширины, а хотелось бы сделать фиксированной.

 

За ширину поля с текстом отвечает значение size="60"

<input type="text" name="elements[cb2639a5-c0a7-449a-93c9-3d890da30716][0][value]" value="" size="60" maxlength="255"/>

 

как сделать чтобы все поля формы были с таким же значением и где это прописать?

Сообщение отредактировал Polotenchik: 27 May 2014 - 10:53

[Cheren-dow]

установите для селектов инпутов и текстареа фиксированную величину, например как сделал я

[Polotenchik]

установите для селектов инпутов и текстареа фиксированную величину, например как сделал я

Прописываю в CSS: element.style {width:508px;} - но не хочет работать почему то... вроде все правильно.

Сообщение отредактировал Polotenchik: 27 May 2014 - 12:29

[Cheren-dow]

.jbzoo .jbbasket-table .element textarea, 
.jbzoo .jbbasket-table .element select, 
.jbzoo .jbbasket-table .element input[type=text], 
.jbzoo .jbbasket-table .element input[type=password] {
    width: 300px !important;
}

Попробуйте добавить следующее в ваш файл CSS, не уверен, НО Должно сработать

[Polotenchik]

Все сработало, премного Вам благодарен, только в моем случае нужно было присвоить класс jbzootabs-accordion-content вместо .jbbasket-table так как форма расположена внутри аккордеона и ширину выпадающих списков пришлось отдельно приписать и увеличить на 18px, так как они почему то были меньше остальных полей, в итоге стили получились следующими:

 

.jbzoo .jbzootabs-accordion-content .element textarea,
.jbzoo .jbzootabs-accordion-content .element input[type=text],
.jbzoo .jbzootabs-accordion-content .element input[type=password] {
width: 300px !important;
}

.jbzoo .jbzootabs-accordion-content .element select {
width: 318px !important;
}

 

Результат на скриншоте

 

Еще раз большое спасибо!

Сообщение отредактировал Polotenchik: 27 May 2014 - 13:08