Пoмoгитe нacтpoить внeшний вид y фopмы oбpaтнoй cвязи

Klopopryg, малой кровью - можно например подключить бутстрап. https://getbootstrap.com/

Это же не весь сайт, вам и область контента я так понимаю нужно будет верстать и другие элементы. На бутстрапе будет проще это сделать.

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

К тому же сейчас у вас не сделана адаптивность. На бутстрапе уже адаптивная сетка идет ,т.е будет проще под мобильные сделать.

Для первого

table.text-fos input[type="submit"] {

background: #1C90E3;

border: none;

}

Для второго

td.text-fos input[type="text"] {

background: #fff;

border: none;

border-radius: 15px;

width: 250px;

color: #000;

}

td.text-fos textarea {

border: none;

width: 250px;

border-radius: 15px;

color: #000;

}

td.text-fos input[type="submit"] {

width: 250px;

border-radius: 15px;

}

А вообще, избавлялись бы от таблицы и делали ни div.

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

mojWP, да сработало! Спасибо огромное за помощь.

Табл. вёрстка не моя, мне просто отдали на продвижение, когда прогер слился не доделав.

Осталось 2 вопроса:

1. Как сделать текст подсказки "Имя:" и "Телефон:" чисто белым цветом:

http://opt-from-china.ru/fos-top.html

[ATTACH]166929[/ATTACH]

2. Как убрать рамки в поле ввода у нижней формы (видно в гугл хром):

http://opt-from-china.ru/fos-borrom.html

[ATTACH]166930[/ATTACH]

в styles.css вместо того что у вас сейчас ::-moz-placeholder {color:#fff;}

попробуйте:

 

  ::-webkit-input-placeholder {color:#fff; opacity:1;}

  ::-moz-placeholder          {color:#fff; opacity:1;}

  

Да, сработало, спасибо огромное!

Осталось только рамку убрать у нижней формы.

Рамку часа через 2 смогу глянуть)

Ок, я пробовал обнулить рамку, но видимо как-то не так.

в styles для input, textarea (строка 422)

добавьте

outline: none;

у меня работает, рамка исчезла

Получилось, яхуууу :-)

Ещё раз очень благодарен!