Как поднять картинку вверх?
НО смотря чего Вы хотите добиться.
Вообще мне хочется предложить её добавить к фону, либо подгрузить к фону.
Тут же можно поработать с index.
Так что опиши свои желания.
- Вконтакте
Если так, то никаких движений нет
Просто оставлю это здесь.
- Вконтакте
AppAlex, 
У тебя картинка в одном блоке с надписью, которая неверно сверстана (должна вместе с верхней надписью быть в кол-6 и разбита уже там на роу-кол-12). Тогда в правом кол-6 будет твоя картинка, и там уже можно как хочешь нормально позиционировать.
Как переместить изображение вверх в 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.3.13.43310
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
background-position¶
Свойство background-position задаёт начальное положение фонового изображения, установленного с помощью свойства background-image .
Допустимо указывать несколько значений для каждого фона, перечисляя значения через запятую.
Синтаксис¶
Значения¶
У свойства background-position два значения, положение по горизонтали (может быть — left , center , right ) и вертикали (может быть — top , center , bottom ). Кроме использования ключевых слов положение также можно задавать в процентах, пикселях или других единицах. Если применяются ключевые слова, то порядок их следования не имеет значения, при процентной записи вначале задаётся положение рисунка по горизонтали, а затем, через пробел, положение по вертикали. Отношение между используемыми ключевыми словами и процентной записью следующее.
- top left = left top = 0% 0% (в левом верхнем углу)
- top = top center = center top = 50% 0% (по центру вверху)
- right top = top right = 100% 0% (в правом верхнем углу)
- left = left center = center left = 0% 50% (по левому краю и по центру)
- center = center center = 50% 50% (по центру)
- right = right center = center right = 100% 50% (по правому краю и по центру)
- bottom left = left bottom = 0% 100% (в левом нижнем углу)
- bottom = bottom center = center bottom = 50% 100% (по центру внизу)
- bottom right = right bottom = 100% 100% (в правом нижнем углу)
В скобках указано, где располагается фоновый рисунок относительно контейнера.