Jump to content
Alex4545

Адаптация шапки сайта под мобильные телефоны

Recommended Posts

Posted (edited)

Всем доброго времени суток, помогите решить проблему. На сайте есть шапка, в которой есть png файл, прописал его через stylesheet.css, его растягивает и дублирует по горизонтали, а если заходить через телефон, то png файл слишком большой и не помещается на экран.

Адрес сайта babybag.pp.ua

Заранее благодарю за ответ.

Edited by Alex4545

Share this post


Link to post
Share on other sites
9 минут назад, andrey8501 сказал:

background-size:cover;

 

Спасибо, после прописывания данной команды картинка перестала дублироваться, но она стала больших размеров и при изменение масштаба сайта, она не изменяется :(

Share this post


Link to post
Share on other sites
19 минут назад, Alex4545 сказал:

Всем доброго времени суток, помогите решить проблему. На сайте есть шапка, в которой есть png файл, прописал его через stylesheet.css, его растягивает и дублирует по горизонтали, а если заходить через телефон, то png файл слишком большой и не помещается на экран.

 Адрес сайта babybag.pp.ua

Заранее благодарю за ответ.

не нужно так делать, как сделали вы. Это неправильно - размещать телефоны, время работы и т.д. на картинке

Share this post


Link to post
Share on other sites
3 минуты назад, Alex4545 сказал:

Спасибо, после прописывания данной команды картинка перестала дублироваться, но она стала больших размеров и при изменение масштаба сайта, она не изменяется :(

тогда пропишите
 

//уберите background-size:cover;
background-image: url(../image/header.png) top center no-repeat;

картинка будет оригинального размера без повторения, по центру

на устройствах допустим меньше 960px добавьте код css

@media screen and (max-width:960px){
#top{background-size:100% auto;}
}

 

Share this post


Link to post
Share on other sites
4 минуты назад, n3bo сказал:

не нужно так делать, как сделали вы. Это неправильно - размещать телефоны, время работы и т.д. на картинке

спасибо, но это так жена захотела :)

Share this post


Link to post
Share on other sites

@Alex4545 поверьте вам не стоит вообще ковыряться там...

Share this post


Link to post
Share on other sites

@andrey8501 вы там никаких проблем не видите что-ли на сайте?))

Share this post


Link to post
Share on other sites
В 02.10.2019 в 17:32, Alex4545 сказал:

спасибо, но это так жена захотела

да там еще много проблем и в футере и хидере и в контенте

Share this post


Link to post
Share on other sites
Posted (edited)
В 02.10.2019 в 14:41, AWARO сказал:

@andrey8501 вы там никаких проблем не видите что-ли на сайте?))

о каких именно проблемах Вы говорите?

Edited by Alex4545

Share this post


Link to post
Share on other sites
В 05.10.2019 в 07:36, nikifalex сказал:

да там еще много проблем и в футере и хидере и в контенте

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

Share this post


Link to post
Share on other sites
48 минут назад, Alex4545 сказал:

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

В шапку, в здравом уме в 2019 году, такую картинку целиком никто будет ставить. Это плохая идея, начиная с адаптации под устройства и заканчивая телефонами, почтой и тд, при клике на которые не открывается звонилка\вацап\скайп и тд

Share this post


Link to post
Share on other sites
1 час назад, Alex4545 сказал:

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

наплодите их ещё больше. но... хозяин барин.
можно вообще весь сайт нарисовать в альбоме

Share this post


Link to post
Share on other sites
6 часов назад, AWARO сказал:

наплодите их ещё больше. но... хозяин барин.
можно вообще весь сайт нарисовать в альбоме

а как бы Вы сделали на моем месте?

Share this post


Link to post
Share on other sites
Posted (edited)
25 минут назад, Alex4545 сказал:

а как бы Вы сделали на моем месте?

Для начала взять нормальный шаблон, если из бесплатных то Next Default

Edited by magdek
  • +1 1

Share this post


Link to post
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.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   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.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.