Я правильно понимаю, что вам нужно исправить форму заявки на сайте TILDA, чтобы кнопки не накладывались на текст и поля, как показано на ваших скриншотах? Это важное требование для обеспечения удобства пользователей и эстетического восприятия формы.
Чтобы уточнить детали, у меня есть несколько вопросов:
1. Можете ли вы указать, на каких именно элементах формы возникают проблемы с наложением кнопок?
2. Есть ли у вас предпочтения по стилю кнопок и текстовых полей после внесения изменений?
3. Нужно ли будет адаптировать форму для мобильных устройств?
В качестве решения, я предложил бы использовать Flexbox или CSS Grid для более точного позиционирования элементов формы, что позволит избежать наложения и сделает интерфейс более отзывчивым. Я также могу применить готовые шаблоны и компоненты из предыдущих проектов, что позволит быстро добиться результата.
Мои последние работы на ТИЛЬДЕ:
https://edlerbart.pro
https://lkz.kyzler.ru
https://project801009.tilda.ws/page24369825.html
https://риелтор-мск.рф
https://project827944.tilda.ws/page41858147.html
https://trofimovart.com
https://katefisher.eu
https://mentorwb.ru
https://kazan.refgo.ru
Еще больше примеров работ тут —
http://лендомашина.рф
Готов приступить сейчас)
Дизайн первого экрана или макета сделаю без предоплаты!
Более 100 положительных отзывов на фрилансе – https://freelance.ru/omigooooo
Точную стоимость работ смогу сказать после обсуждения проекта
Если ваш сайт нуждается в доработке или исправлениях, я готов помочь. Я — опытный веб-разработчик, и могу исправить ошибки, улучшить функциональность или адаптировать сайт под новые требования.
Что я предлагаю:
Исправление ошибок и багов на сайте.
Оптимизация скорости и производительности.
Улучшение дизайна и пользовательского интерфейса.
Адаптация под мобильные устройства.
Внесение любых изменений по вашему запросу.
Я гарантирую качественную работу и соблюдение сроков. Если ваш сайт требует исправлений, не стесняйтесь обратиться ко мне — я с радостью помогу!
Чтобы исправить проблему с налезанием кнопок на текст и поля в вашей форме, нужно внести правки в CSS-код сайта. Вот пример, как можно скорректировать стили:
Решение:
Убедитесь, что кнопки и текстовые поля имеют достаточный отступ (padding) и правильно рассчитанный размер (height/width).
Добавьте следующие изменения в CSS:
/* Универсальные отступы для кнопки "Назад" */
.button-back {
margin-top: 10px; /* Добавляем отступ сверху */
position: relative; /* Гарантируем позиционирование в рамках родительского контейнера */
z-index: 1; /* Убедитесь, что кнопка отображается корректно */
}
/* Корректировка для текстовых полей */
.form-field {
margin-bottom: 20px; /* Отступ между текстовым полем и следующими элементами */
width: 100%; /* Убедитесь, что поле занимает всю доступную ширину */
box-sizing: border-box; /* Гарантирует учет padding в размере поля */
}
/* Контейнер с кнопками */
.button-container {
display: flex;
justify-content: space-between; /* Распределяет кнопки равномерно */
margin-top: 20px; /* Дополнительный отступ от текста */
}
/* Для адаптивности формы на мобильных устройствах */
@media (max-width: 768px) {
.form-container {
padding: 20px; /* Увеличенный внутренний отступ */
}
.button-back,
.button-submit {
width: 100%; /* Кнопки растягиваются на всю ширину */
margin-top: 10px; /* Отступ между кнопками */
}
}
Здравствуйте! Меня зовут Анастасия, я заинтересована в вашем проекте. У меня есть опыт работы в маркетинговом агентстве на должности веб-дизайнер.
Работаю на Тильде. Выполню вашу задачу.
Мое портфолио вы можете посмотреть здесь:
https://www.behance.net/anastasiapilenkova
Последние сайты, выполненные мной на Тильде:
Доброго времени суток! Я создаю уникальные и привлекательные веб-дизайны для бизнесов, которые увеличивают конверсию за счет использования современных UX/UI решений, и считаю работу оконченной только после результата, которым все будут довольны с учетом всех правок по заданию.
Мое портфолио из некоторых сайтов, которые я делал с нуля или принимал участие в их создании:
https://interiohome.ee/
https://1astrogeo.ru/
https://zalina.me/
https://www.behance.net/gallery/216177191/Glamping-Golchan
https://www.behance.net/gallery/216361705/AstroGeoClub
Пожалуйста, дайте обратную связь и мы детально обговорим данный проект, установим четкое ТЗ, согласуем сроки и стоимость.
Поправить форму заявки на сайте TILDA
Реклама
Поправить форму заявки на сайте TILDA
Сайт - https://www.tc-estra.ru/. Задача: поправить рамки формы, чтобы кнопки на налезали на текст и поля (показано на скриншотах)