D
D
Danil Fliginskiy2020-05-05 11:19:35
css
Danil Fliginskiy, 2020-05-05 11:19:35

How to create a form of this type?

5eb1210062b60246029601.jpeg

I need to implement such a form. I don’t understand how to create such a border for the form so that it goes to the image and the button, but at the same time a gap is created. Broke my whole head. There was only an idea that seemed like a crutch to me:
cut out the lines on the left and right of the buttons and pictures and simply place them on the sides of the desired elements. But for the form itself, set border-right and border-left. Tell me the right way.

Answer the question

In order to leave comments, you need to log in

3 answer(s)
R
ReActor Dmitry Vershansky, 2020-05-05
@danilfliginskiy

Nest the button in a div that is as large as the button needs to be. Don't forget to set the div's background property: #fff; This will create the desired gap for the button as well. And with the image it has already been said - the presence of white margins in the source.

I
i_m, 2020-05-05
@imandrey

image through before with absolute positioning

Q
Qeuvec, 2020-05-05
@Qeuvec

I would try to do it through position: relative;
Positioning relative to the form in the div;
https://developer.mozilla.org/en/docs/Web/CSS/position

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question