Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
Paulina33
0 / 0 / 0
Регистрация: 17.10.2016
Сообщений: 20
#1

Проблема с адаптивностью шапки страницы

16.11.2016, 21:33. Просмотров 748. Ответов 1
Метки нет (Все метки)

Шапка сайта при изменении размера окна не двигается, точнее картинка, находящаяся там двигается, а текст нет. Остальное на сайте все меняется в зависимости от разрешения окна. Перепробовала кучу всего уже.
 Комментарий модератора 
Один вопрос - одна отдельная тема!

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.11.2016, 21:33
Ответы с готовыми решениями:

Поведение шапки и подвала при изменении масштаба страницы на wordpress
При изменении масштаба страницы в браузере, футер и подвал начинают жить свое...

Как сделать фон шапки страницы для разных разрешений монитора?
Подскажите пожалуйста, как можно реализовать верстку макета, если макет 1280...

Как отключить прилипание шапки к верху при прокрутке страницы на мобильных устройствах?
Здравствуйте. Имеется зафиксированная к верху при прокрутке шапка. Но нужно...

Запарился с адаптивностью меню
Всем доброго дня. Проблема в поведении меню на сайте. Я вроде все media стили...

Отступ от шапки
Никак не могу понять почему у меня появился этот отступ. Пробовал вставлять...

1
N3stY
(ノಠ益ಠ)ノ彡┻━┻
151 / 151 / 78
Регистрация: 05.06.2014
Сообщений: 710
Записей в блоге: 2
20.11.2016, 15:30 #2
Лучший ответ Сообщение было отмечено Paulina33 как решение

Решение

Paulina33, код?
Рискнул предположить. Что-то подобное? Пример на JSFiddle
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
header {
  background: url([url]https://stormideaswus.blob.core.windows.net/headerjunction/2014/91/380f83e0-ffd0-41b6-abb7-aeea8811c69e.jpg);[/url]
  background-size: cover;
  height: 200px;
}
header > .inner {
  height: 200px;
  line-height: 200px;
  padding: 0 24px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
HTML5
1
2
3
4
5
<header>
    <div class="inner">
      Какой-то текст внутри шапки
    </div>
  </header>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.11.2016, 15:30

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

фиксация шапки
http://sevbratmebel.ru/ вот сайт с увеличением масштаба слетают кнопки,...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru