Сообщений в теме: 6

[Niilitmash]

Здравствуйте! Подскажите пожалуйста как сделать чтобы картинка по центру шапки не смещалась. На ноутбуке с разрешением 1280х800 нормально отображается, при просмотре на телефоне смещается в право под корзину.

Прикрепленные изображения

• 

[Castiel]

Niilitmash (12 Июнь 2014 - 15:52) писал:

Здравствуйте! Подскажите пожалуйста как сделать чтобы картинка по центру шапки не смещалась. На ноутбуке с разрешением 1280х800 нормально отображается, при просмотре на телефоне смещается в право под корзину.

Здравствуйте, данная картинка является фоном шапки.
Вы можете нарисовать новый фон, без этих элементов и затем добавить их отдельно от фона или Вы можете прорисовать фон шапки так, чтобы он корректно отображался на всех устройствах.

[Niilitmash]

Я сделал как Вы сказали, отделил от фона. Теперь как мне эту картинку вставит в середину шапки. Изображение загрузил  igrushki.png

[Castiel]

Niilitmash (13 Июнь 2014 - 18:17) писал:

Я сделал как Вы сказали, отделил от фона. Теперь как мне эту картинку вставит в середину шапки. Изображение загрузил  igrushki.png

В файле main.css
Находим

#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}

Заменяем на

#header {position: relative;width: 960px;height: 150px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}igrushki.png) no-repeat center;}

[Niilitmash]

Нет у меня две картинки, это фон header_bg.jpg и отдельно картинка igrushki.png. Сейчас все сместилось!

Прикрепленные изображения

• 
• 

[Castiel]

Niilitmash (13 Июнь 2014 - 18:33) писал:

Нет у меня две картинки, это фон header_bg.jpg и отдельно картинка igrushki.png. Сейчас все сместилось!

Вы внесли изменения не на той строке. Отмените предыдущее изменение и выполните инструкцию более внимательно.

Вот так должно быть

#headerWrap {height: 190px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}igrushki.png) no-repeat center;}

[Niilitmash]

Все Ок!