Я уже у чатпгт спросил) но он position: absolute посоветовал,

Question

Я уже у чатпгт спросил) но он position: absolute посоветовал,

что конечно же не работает

form {
position: absolute;
top: 60%;
left: 30%;
}

ещё и left меня смущает, что 30% а не по центру, но (это форму в див, а див центровать решаемо я думаю)

сам запрос:
Имеется html страница, на которой задний фон задан картинкой при помощи css вот так:
body {
background-image: url("background.jpg");
background-size: cover;
background-repeat: no-repeat;
}
При увеличении/уменьшении размера окна браузера, задний фон тоже меняется.
Вопрос:
Мне нужно разместить по центру относительно вертикальной оси страницы форму для ввода с несколькими полями. Нужно, чтобы эти поля были фиксировано закреплены к аналогичным местам на картинке с заднего фона. То есть нужно, чтобы при изменении размеров окна браузера, эти поля для ввода тоже передвигались относительно верхней границы окна.
Нужен пример кода (html + css), как это можно сделать.

есть что подсказать мне неразумнышу? ;)

#frontend #html #javascript #programming #russian

0

26.10.2023

5 ответов

26 просмотров

Хлорка

фига запросы

0

26.10.2023

dev null Автор вопроса

Хлорка
фига запросы

ну а чо, у него мозгов много, пусть думает))

0

26.10.2023

dev null Автор вопроса

Коля Нечепаев
на body вешать конечно не идеальное решение в твое...

а он ареа более "верхний" элемент считает по вложенности? то есть можно в верхний элемент картинку запихать и разметить его на нукжное количество 2 / 3 / 4 / 3 / bla / bla, чтобы привязка держалась я ведь правильно понял что за grid-area?

0

26.10.2023

Коля Нечепаев

dev null
а он ареа более "верхний" элемент считает по вложе...

Да именно понял верно

0

26.10.2023

Коля Нечепаев · Accepted Answer

Коля Нечепаев

на body вешать конечно не идеальное решение в твоем примере можно просто прописать в css *{ margin: 0; padding: 0;} можно так. но можно использовать css grid. grid-area: 1 / 2 / 3; можно и такой из пользовать.

0

26.10.2023

169 похожих чатов

Я уже у чатпгт спросил) но он position: absolute посоветовал,

5 ответов

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