Новости: Друзья,
прошу всех кто зарегистрировался на форуме написать первое сообщение в теме https://websitexs.ru/forum/razgovory-obo-vsem/zdravstvujte!!!/
для того что бы показать что вы не бот

Автор Тема: Почтовая форма  (Прочитано 655 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Vladimir59

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 2
Почтовая форма
« : 15 Март, 2019, 19:18:14 pm »
Почтовая форма представляет собой ячейки, расположенные одна под другой. Возможно ли все их или часть разместить на одной горизонтальной линии?
адвокат-голубев.рф

Оффлайн Прынц

  • Новичок
  • *
  • Сообщений: 24
  • Карма: 1
Re: Почтовая форма
« Ответ #1 : 15 Март, 2019, 19:24:47 pm »
Насколько я помню, в настройках v17 есть такая возможность, правда сам так не делал.

Оффлайн Nik79

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 0
Re: Почтовая форма
« Ответ #2 : 15 Март, 2019, 19:34:41 pm »
Да, возможно. Нужно выделить поле которое нужно объединить с предыдущим - Редактировать - Поставить галочку напротив Отображать в той же строке что и предыдущее

Оффлайн Vladimir59

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 2
Re: Почтовая форма
« Ответ #3 : 23 Март, 2019, 06:46:42 am »
Спасибо! Разобрался. Там еще надо, чтобы все в одной строке размещаемые поля в совокупности не превышали 100 процентов по ширине.
А вот как кнопку "отправить" поставить в этот же ряд???
адвокат-голубев.рф

Оффлайн vitmed

  • Новичок
  • *
  • Сообщений: 6
  • Карма: 3
Re: Почтовая форма
« Ответ #4 : 26 Март, 2019, 04:15:37 am »
.....А вот как кнопку "отправить" поставить в этот же ряд???
Стилями....

Оффлайн Nik79

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 0
Re: Почтовая форма
« Ответ #5 : 26 Март, 2019, 08:49:42 am »
Спасибо! Разобрался. Там еще надо, чтобы все в одной строке размещаемые поля в совокупности не превышали 100 процентов по ширине.

Забыл про % написать. Ну ничего главное разобрались)))

Оффлайн Vladimir59

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 2
Re: Почтовая форма
« Ответ #6 : 31 Март, 2019, 12:10:26 pm »
.....А вот как кнопку "отправить" поставить в этот же ряд???
Стилями....
Не посоветуете, где про стили почитать "чайнику"?
адвокат-голубев.рф

Оффлайн vitmed

  • Новичок
  • *
  • Сообщений: 6
  • Карма: 3
Re: Почтовая форма
« Ответ #7 : 01 Апрель, 2019, 06:13:52 am »
Не посоветуете, где про стили почитать "чайнику"?
http://htmlbook.ru/
https://html5book.ru/
-------------------------------------
Вот пример формы для WebSite X5 17.0.11 Professional
https://ibb.co/w6WGqWs
Используем код стилей
 
<style>
#imObjectForm_1_buttonswrap {
    text-align: right;
    margin-top: -41px;
}
@media screen and (max-width: 480px) {
#imObjectForm_1_1_container, #imObjectForm_1_2_container {
    width: 50%;
}
#imObjectForm_1_buttonswrap {
    text-align: center;
    margin-top: 0px;
}   
}
@media screen and (max-width: 380px) {
#imObjectForm_1_1_container, #imObjectForm_1_2_container {
    width: 100%;
}
}
</style>

Сам проект ниже.

Оффлайн Vladimir59

  • Новичок
  • *
  • Сообщений: 25
  • Карма: 2
Re: Почтовая форма
« Ответ #8 : 01 Апрель, 2019, 11:28:36 am »
СПАСИБО!!!
адвокат-голубев.рф

Оффлайн ROGIOM

  • Новичок
  • *
  • Сообщений: 2
  • Карма: 0
Re: Почтовая форма
« Ответ #9 : 20 Сентябрь, 2019, 23:51:03 pm »
Господа, а как быть если данная форма обратной связи стоит где-то в середине страницы - у меня не получается она в одну строку с кнопкой, стили скопировал из приведенного выше проекта, а выглядит вот так

Оффлайн vitmed

  • Новичок
  • *
  • Сообщений: 6
  • Карма: 3
Re: Почтовая форма
« Ответ #10 : 22 Сентябрь, 2019, 17:32:25 pm »
Господа, а как быть если данная форма обратной связи стоит где-то в середине страницы....
Вот пример формы-2 (4 столбца и форма в середине)для WebSite X5 17.0.11 Professional
https://ibb.co/C5rzvMN
Используем код стилей
 
<style>
#imObjectForm_2_buttonswrap {
    text-align: right;
    margin-top: -41px;
    margin-left: 20px;
}
@media screen and (max-width: 1150px) {
#imObjectForm_2_buttonswrap {
    margin-left: 40px;
}   
}
@media screen and (max-width: 720px) {
#imObjectForm_2_1_container, #imObjectForm_2_2_container {
    width: 50%;
}
#imObjectForm_2_buttonswrap {
    text-align: center;
    margin-top: 0px;
    margin-left: 0px;
}   
}
@media screen and (max-width: 380px) {
#imObjectForm_2_1_container, #imObjectForm_2_2_container {
    width: 100%;
}
}
</style>

Сам проект ниже.