Как переместить изображение вверх в html/css
Я совсем новичок в HTML, и я хотел, чтобы на моей странице было изображение, но когда я использую <hr> чтобы отделить его от других вещей, они пересекаются. Поэтому я хочу немного поднять свой имидж. Вот код, который я использовал:
Я не пользуюсь <head> ни <style> теги.
Я пытался использовать position: относительный;top:-10px;, но я не могу понять, как его использовать, или у него есть проблемы с «float». Кто-нибудь, пожалуйста, помогите мне, что делать?
Спасибо заранее и спасибо всем, кто пытался решить это до сих пор.
Как переместить изображение вверх в html / css
Я новичок в HTML и хотел, чтобы на моей странице было изображение, но когда я использую <hr> , чтобы отделить его от других вещей, они пересекаются друг с другом. Поэтому я хочу немного поднять свой имидж. Вот код, который я использовал:
Я не использую теги <head> и <style> .
Я пытался использовать position: relative; top: -10px; , но я не могу понять, как его использовать, или у него какие-то проблемы с «поплавком». Coud кто-нибудь, пожалуйста, помогите мне, что делать?
Заранее спасибо и спасибо всем, кто пытался решить эту проблему .
3 ответа
Измените значение top по своему усмотрению
Эта основная проблема (то, что изображение и <hr> пересекаются друг с другом) звучит как проблема clearfix.
Когда у вас есть плавающий элемент, он может «перекрывать» неплавающие элементы:
Но вместо того, чтобы просто поднять поплавок, вы можете добавить clear: both в свой <hr> :
Прижать картинку к верху страницы
Как можно в HTML и CSS прижать картинку строго к верху страницы, чтобы она прям прилипала? Имеется такой код:
После этого надо оставить все таким образом, чтобы картинка оставалась по центру.
Учтите, что позиционирование position:absolute; отразится на других элементах — они будут вести себя так, словно абсолютно-позиционированного элемента не существует на странице.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.5.24.43458
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как поднять картинку вверх?
НО смотря чего Вы хотите добиться.
Вообще мне хочется предложить её добавить к фону, либо подгрузить к фону.
Тут же можно поработать с index.
Так что опиши свои желания.
- Вконтакте
Если так, то никаких движений нет
Просто оставлю это здесь.
- Вконтакте
AppAlex, 
У тебя картинка в одном блоке с надписью, которая неверно сверстана (должна вместе с верхней надписью быть в кол-6 и разбита уже там на роу-кол-12). Тогда в правом кол-6 будет твоя картинка, и там уже можно как хочешь нормально позиционировать.