Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 08.07.2015, 09:26   #1
Kozlov
Новичок
Джуниор
 
Аватар для Kozlov
 
Регистрация: 08.07.2015
Сообщений: 7
Вопрос Один сайт и две шапки сайта.

Здравствуйте! У меня вопрос, как, и с помощью каких html и css кодов можно сделать так, чтобы у мониторов с одним разрешением была одна шапка сайта, а у мониторов с другим разрешением была другая шапка сайта? То есть заходишь на сайт с компьютера, у которого разрешение экрана 320px одна шапка сайта. Заходишь на сайт с компьютера, у которого разрешение экрана 480px другая шапка сайта. Как это осуществить?
Заранее большое спасибо!
Kozlov вне форума Ответить с цитированием
Старый 08.07.2015, 10:01   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

@media-query
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 08.07.2015, 10:44   #3
Kozlov
Новичок
Джуниор
 
Аватар для Kozlov
 
Регистрация: 08.07.2015
Сообщений: 7
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Я пробовал делать так:
Код HTML:
@media (max-width: 320px) {
#logo img {
background: url (ссылка на шапку сайта);
}
Но ничего не меняется.
Kozlov вне форума Ответить с цитированием
Старый 08.07.2015, 19:05   #4
Kozlov
Новичок
Джуниор
 
Аватар для Kozlov
 
Регистрация: 08.07.2015
Сообщений: 7
Вопрос

Объясните, пожалуйста, в чём проблема! Где я допускаю ошибку?
Kozlov вне форума Ответить с цитированием
Старый 08.07.2015, 21:46   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Kozlov Посмотреть сообщение
Объясните, пожалуйста, в чём проблема! Где я допускаю ошибку?
Честно, ты умудрился даже в этот маленький отрезок кода впихать столько взаимопротиворечащих ошибок, что я даже не знаю с какой стороны начать ржать...
Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 08.07.2015, 22:32   #6
Kozlov
Новичок
Джуниор
 
Аватар для Kozlov
 
Регистрация: 08.07.2015
Сообщений: 7
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
Честно, ты умудрился даже в этот маленький отрезок кода впихать столько взаимопротиворечащих ошибок, что я даже не знаю с какой стороны начать ржать...
Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...
А какие именно я допустил ошибки? Буду благодарен!
Чтобы проверять, как выглядит определённое изображение на мобильной версии, я использую специальные сервисы. Изображение грузится.
Kozlov вне форума Ответить с цитированием
Старый 09.07.2015, 16:46   #7
Kozlov
Новичок
Джуниор
 
Аватар для Kozlov
 
Регистрация: 08.07.2015
Сообщений: 7
Сообщение

Цитата:
Сообщение от Naive Посмотреть сообщение
Если не трудно, не мог бы ты заодно приложить верстку HTML и 3 скрина как у тебя это выглядит (как ты проверяешь) [<320], [=320] и [>320].
+ была бы интересна инспекция грузятся ли соответствующие изображения...
Ссылка на сайт: http://www.sekreti-komputera.ru
Показать вёрстку я не могу, так как сайт создан на конструкторе. Доступны лишь определённые файлы с кодами HTML - верхняя часть страницы, показ тем и т.д. Но могу показать окно с css кодами, вот:

Вот как сайт выглядит на айфоне 320x480px:

Как видно на скрине, шапка сайта выходит за экран и чтобы это исправить, я сделал вторую шапку сайта, но проблема в том, что у меня не получается на определённые экраны с определённым разрешением поместить эту шапку сайта.
Kozlov вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно сделать файл для шапки всего сайта? Dux PHP 4 13.06.2014 17:31
Определить высоту шапки сайта Utkin Общие вопросы Web 3 23.03.2012 15:20
Код шапки сайта. ariya HTML и CSS 5 25.05.2010 00:17
Размер шапки сайта stenl1 HTML и CSS 5 18.05.2010 18:26
Верстка шапки сайта - нужнен совет специалистов Manonia HTML и CSS 7 22.04.2010 09:33