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

Не перемещался при увеличение/уменьшении

13.02.2020, 20:40. Просмотров 822. Ответов 2
Метки нет (Все метки)

Как сделать чтоб текст не перемещался при увеличение/уменьшении
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <title>LifeHack-Mobilak</title>
  <link rel="stylesheet" href="css/price_style.css">
  <link rel="shortcut icon" href="favicon.jpg">
  <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
 
  <!------------------header------------------>
 
  <header class="header">
    <div class="row">
 
    <div class="logo">LIFEHACK - MOBILAK</div>
 
    <ul>
      <a href="index.html"><li class="name">Главная.</li></a>
      <li class="name">Цены.</li>
      <li class="name">Преимущества.</li>
      <li class="name">Отзывы.</li>
      <a href="#contact"><li class="name">Контакты.</li></a>
    </ul>
    </div>
 
    <main>
      <div class="main_content">
        <div class="margin_bg1">
          <h5>Apple</h5>
        </div>
        <div class="margin_bg2">
          <h5>Samsung</h5>
         </div>
        <div class="margin_bg3">
          <h5>Xiaomi</h5>
         </div>
         </div>
 
          
        
    </main>
 
    
</body>
</html>

Кликните здесь для просмотра всего текста
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
* {
  margin: 0;
  padding: 0;
}
 
body {
  overflow-x: hidden;
  background-image: url(../img/body.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
 
/*-----------header-----------*/
 
header {
  background-size: 100%;
  background-repeat: no-repeat;
}
 
header div.row {
  width: 100%;
  display: flex;
  position: fixed;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  background: #e0e0e0;
}
 
header div.logo {
  color: #302a29;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 23px;
  font-weight: 800;
  margin-left: 15px;
  padding: 15px 15px;
}
 
header ul li.name {
  display: inline-block;
  font-family: sans-serif;
  font-weight: 550;
  padding: 15px 15px;
  color: #302a29;    /*#bcb8b7*/
  font-size: 18px;
  line-height: 2;
}
 
main div.main_content{
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}
 
main div.margin_bg1{
  background-image:url(../img/banner_bg1.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-left: 190px;
  margin-right: 190px;
  height: auto;
}
 
main div.margin_bg1 h5{
  font-family: sans-serif;
  font-size: 50px;
  font-weight: 800;
  color: #302a29;
  text-align: center;
  padding: 80px 15px 100px;
  color: white;
}
0
Миниатюры
Не перемещался при увеличение/уменьшении  
Лучшие ответы (1)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.02.2020, 20:40
Ответы с готовыми решениями:

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

Увеличение высоты блока, чтобы при уменьшении масштаба не съезжал текст
Добрый вечер. Возник вопрос, в PSD-макете есть картинка высотой 500px(посчитал в фотошопе, оттуда...

Расползается верстка при уменьшении окна и при просмотре в планшета и телефона
Преветствую всех. Дело вот в чем, совсем недавно начал верстать. Решил начать с цмс друпал....

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

При уменьшении рушится вёрстка
когда в процентном соотношении уменьшаю экран браузера наприм. на 90% рушится вёрстка в чём косяк?...

2
Alex Web
57 / 35 / 16
Регистрация: 18.06.2016
Сообщений: 160
13.02.2020, 21:51 2
Лучший ответ Сообщение было отмечено Rudman132 как решение

Решение

Так он не перемещается, пределы блока не покидает
0
Rudman132
25 / 4 / 1
Регистрация: 01.06.2019
Сообщений: 250
13.02.2020, 22:05  [ТС] 3
Цитата Сообщение от Alex Web Посмотреть сообщение
не покидает
покидает, надо чтоб в центре был
0
Миниатюры
Не перемещался при увеличение/уменьшении  
13.02.2020, 22:05
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.02.2020, 22:05

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

Тянется сайт при уменьшении
http://mertesaker911.narod2.ru/ Короче фигня такая... если зажать Ctrl и уменьшать сайт, то...

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

При уменьшении экрана ползет разметка
Есть &lt;div&gt; с контентом и при уменьшении размеров экрана контент вылазит на границу &lt;div&gt; Как лечить...


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

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

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