Перейти к содержимому

Как сместить изображение в html

  • автор:

Как двигать картинку в html

Для движения изображения в HTML можно использовать свойство CSS «position». Например, чтобы переместить изображение вправо на 20 пикселей, можно использовать следующий код:

 src="image.jpg" style="position: relative; left: 20px;" /> 

В данном примере мы задаем свойство «position» со значением «relative», что позволяет перемещать элемент относительно его начального положения. Затем мы используем свойство «left» со значением «20px», чтобы переместить изображение вправо на 20 пикселей.

Также можно использовать свойство «top» для перемещения изображения вверх или «bottom» для перемещения вниз.

Для анимации рекомендуется использовать свойство transform со значениями translate . Такой подход является более оптимизированным и затрачивает меньше ресурсов, а сама анимация будет выглядеть более плавной.

Например, здесь изображения логотипа будет смещено вправо на величину 100px .

 .logo  transform: translateX(100px); >  

Как поднять картинку вверх?

joeberetta

Вот тебе самому не стыдно задавать такие вопросы? Какая картинка, блин, куда наверх, хоть грамм конкретики бы приложил, нарисовал бы скришнот, схему. Позор просто.

AppAlex @AppAlex Автор вопроса

Дмитрий, ну не ругайся. Тупанул

5e60f394661bf514645498.png

Решения вопроса 1

lie2

Можно и такой код прописать в div картинки:

НО смотря чего Вы хотите добиться.
Вообще мне хочется предложить её добавить к фону, либо подгрузить к фону.
Тут же можно поработать с index.
Так что опиши свои желания.

Ответ написан более трёх лет назад
AppAlex @AppAlex Автор вопроса

 

Если так, то никаких движений нет

lie2

AppAlex, Есть) там каждый % влияет) вот код в див:
Ответы на вопрос 2

Seasle

5e60f24543625751237086.png

Просто оставлю это здесь.

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать

ThunderCat

ThunderCat @ThunderCat Куратор тега HTML

5e60f72de9b88516653846.png

AppAlex, У тебя картинка в одном блоке с надписью, которая неверно сверстана (должна вместе с верхней надписью быть в кол-6 и разбита уже там на роу-кол-12). Тогда в правом кол-6 будет твоя картинка, и там уже можно как хочешь нормально позиционировать.

Вопрос по HTML коду. Сдвинуть картинку.

Можно каким то кодом сдвинуть куртинку влево или вправо. Только код этот не помню. Попытался погуглить но ничего нужного не нашел. Может знает кто.

Лучший ответ

Остальные ответы
марджин — лефт / марджин — райт (аГлийские буквы не дает «рисовать»)))
писать по английски алигн равно райт или лефт

в стылях у картинки прописать:
margin-left:10px; сдвинуть влево на 10пикселей
margin-right:10px; сдвинуть право на 10пикселей

Похожие вопросы
Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Как я могу переместить картинку на моей HTML-странице?

У меня есть картинка, и мне нужно переместить ее под словом с тире, но я не могу это сделать по какой-то причине он не хочет поднимать эту иконку и теперь я добавляю другие, а он ставит их еще ниже код:

введите сюда описание изображения

весь код:

  текст  body  

Подпишись

Отслеживать

ДОБРЫЙ ДЕДУШКА

задан 21 июл 2019 в 16:22

ДОБРЫЙ ДЕДУШКА ДОБРЫЙ ДЕДУШКА

25 1 1 золотой знак 1 1 серебряный знак 4 4 бронзовых знака

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

У вас у картинки с линией высота указана 180 пикселей, из-за этого и получается дырка.

Отслеживать

ответ дан 21 июл 2019 в 18:39

2,114 1 1 золотой знак 11 11 серебряных знаков 18 18 бронзовых знаков

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *