Question

Всем привет!

Такой вопрос, есть почтовая форма, настроил поля в ней таким образом:

#container input[type="text"]
 width: 100px;

#container textarea
 width: 200px;

 

По факту смотрю что не идет, показывает не так.

Firebug показывает что:

element.style {    (относится к DOM- nodeValue)

    height: 25px;

    padding: 0 20px;

    width: 95px;

 

#container input[type="text"] {     (Относится к CSS)

    height: 25px;   

    width: 100px;

 

 

И textarea также:

 

element.style {

    height: 50px;

    padding: 13px 20px;

    width: 55px;

}

#container textarea {

    height: 50px;   

    width: 200px;

 

 

 

Уже весь код перерыл, хз где искать и менять на нужные padding и  width ...

 

Кто мож знает...

Comments

уточните адрес сайта с почтовой формой

---

http://avtoegoist.kz

---

И что это за element.style  и DOM- nodeValue

---

Попробуй так:

#container input[type="text"]
 width: 100px !important;

Может поможет :)

Answer 1

Дело в том, что у вас везде в полях input и textrea применяется параметр - style="здесь пишутся стили сразу же к полю"

Далее у вас в таблице стилей CSS пишутся следующие стили как пример:

#container textarea
{
 width: 200px;
 height: 50px;
 border: 1px #FFE071 solid;
 background-color: #FFFFFF;
 color :#000000;
 font-family: Arial;
 font-size: 13px;
 text-align: left;
 vertical-align: middle;
 margin-top: 5px;
}

Следственно прямые стили которые прописаны в style=" " перебивают стили которые прописаны в таблице стилей CSS и чтобы они заработали нужно применять параметр important то есть стили выше заменим на:

#container textarea
{
 width: 200px!important;
 height: 50px!important;
 border: 1px #FFE071 solid;
 background-color: #FFFFFF;
 color :#000000;
 font-family: Arial;
 font-size: 13px;
 text-align: left;
 vertical-align: middle;
 margin-top: 5px;
}

как видите для ширины и высоты применен импортант:

width: 200px!important;
height: 50px!important;

после ширина и высота уже будет браться с таблицы стилей, далее по этому же примеру применяем ипмортант либо с инпутов удаляем шрину в style=" "

Comments

Да, как раз само то, как выставил так и отображается, спасибо.

Answer 2

У вас ширина поля textarea установлена в шаблоне почтовой формы

Поэтому, чтобы работал ваш стиль нужно удалить значение ширины в шаблоне (Панель управления - Почтовые формы - Управление почтовыми формами - Управление дизайном почтовой формы )

<textarea rows="7" name="f8" cols="30" style="height: 50px; width: 55px; padding: 13px 20px;"></textarea>

 

Comments

До этого там проценты стояли, 95%, менял в основном CSS ширину, в почтовой форме ничего не менялось