Не понимаю как сдвинуть картинку с классом «header__book» вправо, чтобы основной текст не сбился. html
.header < background: url("/images/header__img.png") no-repeat center; background-size: cover; position: relative; height: 100vh; >.container < width: 100%; max-width: 1170px; padding: 0 10px; margin: 0 auto; >.body < font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; >.header__inner < display: flex; justify-content: space-between; align-items: center; height: 100px; >.menu__list < white-space:nowrap; display: flex; >.menu__item < list-style-type: none; margin: 0px 30px; text-transform: uppercase; >.menu__item:hover, .menu__item:focus, .menu__item:active < opacity: .70; >.phone < white-space:nowrap; border-bottom: 2px solid #D1A954; padding-bottom: 6px; color: #FFFFFF; >.header__img < width: 100%; height: 1045px; >.menu__list-link < color: #FFFFFF; >.rotate__inner < position: absolute; top: 0px; left: 0; height: 100vh; >.rotate__social-info < background: rgba(51, 51, 51, 0.75); width: 150px; height: 100vh; justify-content: space-between; >.text < display: block; white-space:nowrap; position: relative; top: 35%; float: right; font-family: Open Sans Condensed; color: #C4C4C4; padding-top: 65%; transform: rotate(-90deg); margin: 0 auto; >.img < position: relative; top: 60%; >.rotate__img < display: block; padding-left: 50%; margin-left: -13px; padding-bottom: 30px; >.span__border < display: block; width: 3px; height: 80px; background-color: #C4C4C4; position: relative; top: 60%; left: 50%; border-radius: 30px; >.header__book < padding-top: 300px; >.header__title < max-width: 540px; height: 68px; color: white; font-size: 64px; line-height: 87px; text-transform: uppercase; white-space:nowrap; margin-bottom: 50px; >.header__subtitle < max-width: 580px; height: 79px; font-size: 14px; line-height: 21px; text-align: left; font-family: Open Sans; color: #FFFFFF; margin-bottom: 50px; >.afisha < padding: 17px 47px; font-size: 18px; line-height: 25px; font-weight: bold; background: #D1A954; border:none; text-transform: uppercase; color: white; letter-spacing: 0.1em; >.afisha:hover, .afisha:focus, .afisha:active
margin
position relative и left
transform
.
Решения вопроса 1
Dima Polos @dimovich85 Куратор тега CSS
https://u-academy.net/
margin-left: 100px;
Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ответы на вопрос 2
Артем Ткачик @Artemogirock
Web developer
margin-left: auto
Если что, это пропиши для изображения. Ну и display: block
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
position: absolute;
left: 100px;
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ваш ответ на вопрос
от 150 000 ₽
от 90 000 до 140 000 ₽
от 150 000 ₽
20 нояб. 2023, в 10:22
1500 руб./в час
20 нояб. 2023, в 09:22
50000 руб./за проект
20 нояб. 2023, в 07:54
13000 руб./за проект
Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями
пишишь к примеру:
1st Feb 2018, 1:28 PM
ВЕЛИКАЯ РУСЬ
1st Feb 2018, 1:28 PM
ВЕЛИКАЯ РУСЬ
Ну тогда картинка будет либо справа либо слева, а как можно в пикселях указать отступ вправо ?
1st Feb 2018, 3:30 PM
Данил Малюгин
Learn more efficiently, for free:
Introduction to Python 7.1M learners
Introduction to Java 4.7M learners
Introduction to C 1.5M learners
Introduction to HTML 7.5M learners
Коллеги, подскажите. Как картинку сдвинуть вправо.
Добавлено через 1 час 27 минут
ау?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Как сдвинуть блок вправо?
меняю marginLeft от 10 до 100, но поле не сдвигается, квадрат как был, так и остаётся на одном.
Подскажите, как сдвинуть блок на пару пикселей вправо
Подскажите как сдвинуть блок на пару пикселей вправо. Пример на картинке.
Как сдвинуть вправо и вниз цифры номера телефона через html код
В шапке сайта необходимо переместить номер тел, какой html код для этого прописать?
Не удается сдвинуть изображение вправо
Всем привет. Пытаюсь делать интернет-магазин на WordPress, после переноса на новый домен что то по.
333 / 309 / 168
Регистрация: 02.06.2014
Сообщений: 1,130
Сообщение от delta-don 
CSS нужен, ну или пробуйте применить к картинке float: right;
Регистрация: 18.07.2016
Сообщений: 3
получилось
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Не могу сдвинуть элемент вправо
Как сделать, чтобы номер телефона был справа только при максимальном разрешении экрана .col-lg.
HTML — Надо: вставить картинку в картинку, в эту картинку, ссылку в картинку
Вот схема моего сайта. http://s020.***********/i716/1404/8c/254516feacb3.jpg У меня пока что на.
Как сдвинуть положительное число на 1 знак вправо?
Помогите пожалуйста. что изменить в коде, что бы выровнять числа? как сдвинуть положительное число.
Как сдвинуть элементы второй и последующих строк вправо?
private static void pyramid()< for (int i = 1; i <= 5; i++)< .
Как сдвинуть картинку методом setInterval
Нужно, чтобы картинка двигалась вправо, вниз, влево, вверх и так постоянно. <body> <form.
Как сдвинуть вниз картинку фона на сайте?
Здравствуйте, Я хотел бы сдвинуть пониже картинку заднего плана. Как Вы можете видеть на сайте.