Jump to content
  • 0

Проблема с перемещением изображения по вертикали, по горизонтали.


Gentls
 Share

Question

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

Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило:  background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее:

 

body
{
background-image:url(https://img-fotki.yandex.ru/get/6104/235863723.0/0_171a31_b239cefb_XXXL);
background-size:200px 100px;
  background-repeat:no-repeat;
  background-position: top center;
}

 

Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

Edited by Gentls
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Вместо top надо указать желаемое значение в px или в cm, если больше нравится. Метод Подборского вам в помощь.

Вместо center используйте calc(50% - 6cm) - здесь опять же отнимаете или прибавляете нужное значение вместо 6cm. В какой бок хотите сдвинуть вы не указали, поэтому плюс смещает вправо, а минус влево.

Link to comment
Share on other sites

  • 0

Вместо top надо указать желаемое значение в px или в cm, если больше нравится. Метод Подборского вам в помощь.

Вместо center используйте calc(50% - 6cm) - здесь опять же отнимаете или прибавляете нужное значение вместо 6cm. В какой бок хотите сдвинуть вы не указали, поэтому плюс смещает вправо, а минус влево.

Влад, спасибо большое, брат! Действительно, помогло!!! :yahoo:Я  Ваш должник!)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy