Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 Аватар для nikkyt
0 / 0 / 0
Регистрация: 07.09.2018
Сообщений: 48

Почему не убирается margin-left второго сверху блока баннера в мобильной версии ниже 480 px?

11.10.2018, 15:29. Показов 1209. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
два баннера вверху один внизу вот их весь css если что неправильно подправьте. спасибо!

сайт http://phpstack-189549-623335.cloudwaysapps.com/

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
/* 
  ============================banners Home========================
*/
 
@media (max-width: 1920px) {
    
   
    .col-xl-5.banner_home.left {
    margin-left: 0;
    }
    
  
   .main_image_banner_bottom {
    width: 100%;
    }
   
}
 
 
 
@media (max-width: 1502px) {
    
    .main_image_banner_left, main_image_banner_right {
    width: 100%;
     }
   
    .col-xl-5.banner_home {
    width: 49%;
   }
}
 
 
@media (max-width: 1300px) {
    
    .main_image_banner_bottom {
    padding-right: 0.25vw;
    }
    .col-xl-5.banner_home {
    width: 48.6%;
    }
}
@media (max-width: 1313px) {
   
    .col-xl-5.banner_home {
    width: 48.6%;
    }
}
@media (max-width: 1099px) {
    .main_image_banner_left img, main_image_banner_right img {
    width: 100%;
     }
     .banner_bottomx {
        margin-top: 0.3vw;
        max-width: 100%;
        padding-right: 0.48vw;
        display: inline-block;
    }
    .main_image_banner_bottom {
    padding-right: 0;
    }
}
 
@media (max-width: 730px) {
    .banner_bottomx {
       
       max-width: 99.4%;
       padding-right:0;
    }
    
    .col-xl-5.banner_home {
    
    }
  
}
@media (max-width: 627px) {
    /*.banner_home {
        margin-left: 0.6vw;
    }*/
    
}
 
@media (max-width: 618px) {
    
}
@media (max-width: 609px) {
    .col-xl-5.banner_home {
    width: 48%;
    }
}
 
 
 @media (max-width: 480px) {
     .col-xl-5.banner_home {
    display: block;
    float: none;
    width: 98.2%;
    
   }
   .col-xl-5.banner_home.right {
    margin-left: 0;
   }
   
 }
 
@media (max-width: 315px) {
    .banner_home {
   /* display: block;
    float: none;*/
    width: 96% !important;
    
   }
   .main_image_banner_bottom {
    
    padding-right: 1.9vw;
    
   }
   .banner_bottomx {
    margin-top: 0;
    
    }
   
}
 
.main_image_banners {
    
    margin-top: 25px;
}
 
.banner_bottom {
    margin-left: 10px;
    
    
}
.row.left_right_banner {
    margin-left: 10px;
}
 
.banner_bottomx {
    
    
    margin-top: 5px;
    
   
    display: inline-block;
    
}
.col-xl-5.banner_home {
    display: inline-block;
    float: left;
    
    min-height:100px;
}
 .col-xl-5.banner_home.right {
    margin-left: 16px;
   }
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
11.10.2018, 15:29
Ответы с готовыми решениями:

Margin-top для мобильной версии
всем доброго дня! На сайте мне необходимо назначить стиль для секции - margin-top: -70px, а в мобильной версии margin-top: 0px. Вот код, в...

Оптимизация блока в мобильной версии сайта
Доброго времени суток! Подскажите что я именно сделал не так. На мобильной версии сайта не обрезается изображение и выходит за поля....

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check > span{ -webkit-transition: all ease-in-out 0.1s; -o-transition:...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
11.10.2018, 15:29
Помогаю со студенческими работами здесь

В чём разница между left и margin-left?
Доброго дня! Помогите, разобраться, пожалуйста, в чём разница между left и margin-left. Прочитал, что left не включает отступы. А...

Не убирается margin
Простецкий вопрос, но маргины не убираются...:cry: http://jsfiddle.net/kjCL7/206/ <body> <div...

Не убирается margin
В body установлено padding:0,margin:0.Но почему то они появляются Особенно mission__title ...

Не убирается margin при position:relative
Проблема такая, ставлю блоки классов "_0" и "_1". Дело в том, что у блоков не убирается правый маргин. Смотрю в Chrome через F12. Рамка...

Не убирается отступ сверху
Остается маленький отступ вверху страницы. Как его убрать? <!DOCTYPE html> <html> <head> <meta...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru