Как поднять картинку вверх html
Перейти к содержимому

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

  • автор:

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

Я совсем новичок в HTML и хотел иметь изображение на своей странице, но когда я использую


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

  . my pic   

Я не использую теги или .
Я пытался использовать position:relative;top:-10px;, но не могу понять, как им воспользоваться, или у него есть проблема с «float». Может кто-нибудь, пожалуйста, помочь мне, что мне делать?
Заранее спасибо всем, кто пытался решить эту проблему до сих пор.

Поделиться Источник 25 ноября 2016 в 03:50

3 ответа

измените значение top, как вам нужно

my pic

Поднять картинку вверх

Author24 — интернет-сервис помощи студентам

Нужно собрать макет сайта Вложение 650475
. Я вот начала делать и возникла проблема. Надо сделать так,чтобы картинки можно было как угодно ставить, нужно поднять картинку img src=»https://www.cyberforum.ru/html/images/top-right.jpg» вверх,чтобы стояла она как на макете. Не понимаю,как сделать это с использованием img.
начало сборки и файлы Вложение 650480
сейчас все выглядит вот так Вложение 650481, так не должно быть.

94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Поднять textarea вверх
Добрый день. Помогите поднять textarea вверх, чтоб все поля были на одном уровне. Чтоб как на.

Поднять контейнер вверх
Хочу поднять контейнер <textarea> к вверху, то есть рядом с <table> Приложу скрин и стили, которые.

Поднять правый сайдбар в вверх
На сайте две колонки, контент (дерево категорий слево) и правый сайд бар (сейчас там пустое место).

Как поднять изображение вверх?
Добрый день! Подскажите пожалуйста, Как поднять изображение вверх чтобы изображение было наравне с.

background-position

Задает начальное положение фонового изображения, установленного с помощью свойства background-image . В CSS3 допустимо указывать несколько значений для каждого фона, перечисляя значения через запятую.

Синтаксис

background-position: [left | center | right | | ] || [top | center | bottom | | ] | inherit
background-position: [, ]*

= [left | center | right | | ] || [top | center | bottom | | ] | inherit.

Значения

У свойства 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% (в правом нижнем углу)

В скобках указано, где располагается фоновый рисунок относительно контейнера.

При inherit значение наследуется у родителя элемента.

XHTML 1.0 CSS2.1 IE Cr Op Sa Fx

    background-position   

.

HTML5 CSS3 IE Cr Op Sa Fx

    background-position   

Объектная модель

[window.]document.getElementById(» elementID «).style.backgroundPosition

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Подскажите, пожалуйста, как поднять картинку вверх в 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;
>

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

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

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

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