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

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

весь код:

    body  
Подпишись
    

Отслеживать

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

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

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

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

2 ответа 2

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

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

Отслеживать

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

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

Как двигать картинку в 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); >  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подскажите, пожалуйста, как поднять картинку вверх в CSS, если код такой >>>

#mySlideshow .jdSlideshow img
padding-left:9px;
padding-right:10px;
padding-top:2px;
padding-bottom:9px;
background-repeat:no-repeat;
border: 1px white solid;
>
#mySlideshow
z-index:0;
margin-bottom: -10px;
background-repeat:no-repeat;
background-position: 16px 14px;
height: 200px;
>

Лучший ответ

Не очень понял в какой именно момент картинку надо поднять и как именно, но, как вариант, модно сделать так:
#someimg
position:relative;
top:-20px;
>

Остальные ответы

Девочка! Глупенькая! Не тут это нужно спрашивать. Тут сидят одни профаны (и я вместе с ними) .
Есть куча форумов по веб-мастерингу.