Задать вопрос
@danilfliginskiy
Фронтендер, программист

Как создать форму подобного типа?

5eb1210062b60246029601.jpeg

Мне нужно реализовать такую форму. Я не пойму как создать такой border для form, чтобы он заходил на картинку и на кнопку, но при этом создавался промежуток. Всю голову сломал. Была только идея, которая показалась мне костылем:
вырезать линии слева и справа кнопки и картинки и просто разместить их по сторонам от нужных элементов. А вот у самой формы задать border-right и border-left. Подскажите вы, как правильно.
  • Вопрос задан
  • 111 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Вложите button в div, с размерами, большими чем размеры кнопки на столько, на сколько это требуется. Не забудьте прописать для div свойство background: #fff; Это создаст желаемый промежуток и у кнопки в том числе. А с изображением уже было сказано - наличие белых полей у исходника.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@imandrey
картинку через before с абсолютным позиционированием
Ответ написан
Qeuvec
@Qeuvec
Я бы попробовал сделать через position: relative;
Позиционирование относительно формы в диве;
https://developer.mozilla.org/ru/docs/Web/CSS/position
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы