Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/15: Рейтинг темы: голосов - 15, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 29.04.2021
Сообщений: 4

Как убрать отступы?

29.04.2021, 11:32. Показов 3055. Ответов 7
Метки container, css, flex, flex-wrap, margin, padding (Все метки)
Студворк — интернет-сервис помощи студентам
Всем привет, подскажите что за фиолетовое поле у меня появилось? как его убрать?

В чём может быть ошибка в коде?

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

body {
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
    font-size: 14px;
    color: rgb(15, 15, 15);
    -webkit-font-smoothing: antialiased;
 
    background-color: #fff;
}
 
*,
*:before
*:after {
    box-sizing: border-box;
}
 
/* Container */
 
.container {
    width: 100%;
    max-width: 1280px;
    margin: 50px auto;
}
 
/* Works */
 
.works {
    display: flex;
    flex-wrap: wrap;
}
 
.works_item {
    width: 25%;
    height: 350px;
 
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
 
    position: relative;
    overflow: hidden;
}
 
.works_item:hover .works_content {
    opacity: 1;
}
 
.works_photo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
 
    transform: translate3d(-50%, -50%, 0);
}
 
.works_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
 
    background-color: rgba(0, 70, 67, 0.6);
    opacity: 0;
 
    text-align: center;
 
 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
 
    transition: opacity .2s linear;
}
 
.works_title {
    margin-bottom: 5px;
 
    font-size: 14px;
    font-weight: 700;
    color: rgb(10, 0, 70);
    text-transform: uppercase;
}
 
.works_text {
    font-size: 14px;
    font-weight: 400;
    color: rgb(10, 0, 70);
}
0
Лучшие ответы (1)
Сообщение: #15459464
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 29.04.2021, 11:32
Ответы с готовыми решениями:

Как убрать отступы
Как можно убрать отступы справа и слева? ссылка на сайт

Как убрать отступы слайдера
Есть стандартный слайдер шаблона Helix II, так вот у него есть отступы как по ширине так и по высоте http://elo-boost.hol.es Хотелось бы их...

Как убрать отступы у логотипа?
Помогите как убрать расстояние между лого и основной частью сайта , которое представлено на картинке и отмечено черной линией сверху и...

7
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
29.04.2021, 18:03
Фиолетом хром сейчас подсвечивает вам flex-элементы. А чтобы убрать отступы, приведенного вами кода недостаточно для воспроизведения проблемы
0
0 / 0 / 0
Регистрация: 29.04.2021
Сообщений: 4
30.04.2021, 10:41  [ТС]
Вот весь код из файла style.css В чём может быть проблема?

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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(15, 15, 15);
    -webkit-font-smoothing: antialiased;
 
    background-color: #fff;
}
 
*,
*:before
*:after {
    box-sizing: border-box;
}
 
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
 
p {
    margin 0 0 10px;
}
 
/* Container */
 
.container {
    width: 100%;
    max-width: 1280px;
    margin: 50px auto;
    padding: 0 15px;
}
 
 
/* header */
.header {
    width: 100%;
    height: 100px;
 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
 
.header_inner {
    display: flex;
    justify-content: space-between;
    padding: 35px;
    align-items: center;
 
    border-bottom: 1px solid #000;
}
 
 
/* Navigation */
.nav {
    display: flex;
    font-size: 15px;
    font: 700;
    text-transform: uppercase;
}
 
.nav_link {
    margin-left: 50px;
    color: #fff;
    text-decoration: none;
    opacity: .75;
 
    transition: opacity .2s linear;
}
 
.nav_link:first-child {
    margin-left: 0;
}
 
.nav_link:hover {
    opacity: 1;
}
 
/* INTRO */
.intro {
    display: flex;
    flex-direction: column;
    height: 250px;
    padding-top: 200px;
 
    background-color: darkgrey;
}
 
.intro_inner {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
}
 
.intro_title {
    margin: 0 0 30px;
 
    font-family: 'Times New Roman', Times, serif;
    font-size: 65px;
    line-height: 1.1;
    color: rgb(10, 0, 70);
    font-weight: 700;
    text-transform: uppercase;
}
 
.intro_subtitle {
    font-style: 22px;
    color: rgb(10, 0, 70);
    line-height: 1.5;
    font-weight: 500;
}
 
 
/* Button */
.btn {
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    padding: 10px 30px;
 
    border-radius: 3px;
    border: 0;
    cursor: pointer;
 
    font-family: inherit;
    font-size: 13px;
    color: rgb(10, 0, 70);
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
 
    transition: background-color .2s linear;
}
 
.btn--red {
    background-color: aquamarine;
}
 
.btn--red:hover {
    background-color: lightcoral;
}
 
.btn--long {
    min-width: 250px;
}
 
 
/* Feature */
.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 95px 0;
}
 
.features_item {
    width: 25%;
    padding: 0 40px;
    margin: 25px 0;
 
    text-align: center;
}
 
.features_icon {
    margin-bottom: 25px;
}
 
.features_title {
    margin-bottom: 20px;
 
    font-size: 16px;
    color: rgb(10, 0, 70);
    font-weight: 700;
    text-transform: uppercase;
}
 
.features_text {
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
}
 
 
/* Works */
.works {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
 
.works_item {    
    width: 33%;
    height: 350px;
 
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
 
    position: relative;
    overflow: hidden;
}
 
.works_item:hover .works_content {
    opacity: 1;
}
 
.works_photo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
 
    transform: translate3d(-50%, -50%, 0);
}
 
.works_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
 
    background-color: rgba(0, 70, 67, 0.8);
    opacity: 0;
 
    text-align: center;
 
 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
 
    transition: opacity .2s linear;
}
 
.works_title {
    margin-bottom: 5px;
 
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}
 
.works_text {
    font-size: 14px;
    font-weight: 400;
    color: white;
}
 
/* Item */
.team {
    margin: 100px 0 70px;
    width: 100%;
}
 
.team_inner {
    margin-bottom: 30px;
 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}
 
.team_item {
    width: 22%;
    padding: 0 15px;
    justify-content: center;
 
}
 
.team_photo {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}
 
.team_name {
    margin-bottom: 8px;
 
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
 
.team_prof {
    margin-bottom: 15px;
 
    font-size: 18px;
    color: red;
}
 
.team_text {
    margin-bottom: 20px;
 
    font-size: 16px;
    line-height: 1.5;
    color: #000;
}
 
 
/* Social*/
.social {
    display: flex;
}
 
.social_item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 4px;
 
    background-color: azure;
    border: 1px solid #000;
 
    transition: background-color .2s linear;
}
 
.social_item:hover {                                
    background-color: lightcoral;
}
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
30.04.2021, 11:17
Без разметки сложно
0
0 / 0 / 0
Регистрация: 29.04.2021
Сообщений: 4
30.04.2021, 11:40  [ТС]
Цитата Сообщение от mrtoxas Посмотреть сообщение
Без разметки сложно
Какой разметки?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
30.04.2021, 12:12
HTML. Нужен код, который даст возможность легко воспроизвести проблему. Только по стилям сложно сказать что у вас там происходит.
0
0 / 0 / 0
Регистрация: 29.04.2021
Сообщений: 4
30.04.2021, 12:50  [ТС]
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
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/style.css">
        <meta name="viewpotr" content="width=device-width, initial-scale=1">
        <title>Завод консолей</title>
    </head>
    <body>
 
 
<!--header -->
<header class="header">
    <div class="container">
        <div class="header_inner">
            <div class="header_logo">
            <img src="img/zk-logo.png" alt="logo" height="100px">
            </div>
 
            <nav class="nav">
                <a class="nav_link" href="#">Каталог</a>
                <a class="nav_link" href="#">Галерея</a>
                <a class="nav_link" href="#">О компании</a>
                <a class="nav_link" href="#">Контакты</a>
            </nav>
 
            <div class="burger">
                <span class="burger_item">Menu</span>
                <span class="burger_item"></span>
                <span class="burger_item"></span>
            </div>
        </div>
    </div>
</header>
 
 
<!-- INTRO -->
<div class="intro">
    <div class="container">
        <div class="intro_inner">
        <h1 class="intro_title">Завод консолей</h1>
        <h2 class="intro_subtitle">Завод изготовитель праздничных светодиодных конструкций для оформления город</h2>
        <a class="btn btn--red" href="#">Перейти в Каталог</a>
        </div>
    </div>
</div>
 
 
<!-- Features -->
<div class="container">
    <div class="features">
        <div class="features_item">
            <img class="features_icon" src="img/features/f1.png" alt="дизайн и визуализация">
            <h4 class="features_title">Дизайн и визуализация</h4>
            <div class="features_text">Завод консолей предлагает услигу по дизайну и визуализации проектов, разработку концепции городского офрмления пространств.
            </div>
        </div>
 
        <div class="features_item">
            <img class="features_icon" src="img/features/f2.png" alt="круглосуточная работа менеджеров">
            <h4 class="features_title">Работа менеджеров 24/7</h4>
            <div class="features_text">В самый пик сезона, наша команда менеджеров выкладывается на 100%, что позволяет сократить время согласования проектов и изменения деталей.
            </div>
        </div>
 
        <div class="features_item">
            <img class="features_icon" src="img/features/f3.png" alt="госзаказчикам">
            <h4 class="features_title">Тендерное сопровождение</h4>
            <div class="features_text">Компания работает в соответствии с ФЗ №44 и 223 и имеет регистрацию на всех тендерных площадках. Мы состоим в реестре добросовестных поставщиков, опыт успешной реализации более 200 проектов по государственным контрактам.
            </div>
        </div>
 
        <div class="features_item">
            <img class="features_icon" src="img/features/f4.png" alt="монтажные работы">
            <h4 class="features_title">Оказание услуг по монтажу</h4>
            <div class="features_text">«Завод Консолей» осуществляет профессиональную сборку световых конструкций собственными силами. В работе принимают участие наши опытные монтажники и инженеры, которые имеют все необходимые допуски к проведению электромонтажных и высотных работ.
            </div>
        </div>
 
        <div class="features_item">
            <img class="features_icon" src="img/features/f5.png" alt="собственное производство">
            <h4 class="features_title">Собственное производство</h4>
            <div class="features_text">«Завод Консолей» имеет собственную производственную базу, оснащенную современным оборудованием. Над разработкой световых конструкций работают профессионалы нашего конструкторского отдела и ведущие дизайнеры компании.
            </div>
        </div>
 
        <div class="features_item">
            <img class="features_icon" src="img/features/f6.png" alt="работа по всей территории РФ">
            <h4 class="features_title">Работаем по всей России</h4>
            <div class="features_text">Компания осуществляет доставку заказа по всей территории России транспортными компаниями или отдельной машиной, так же имеется возможность самостоятельно забрать груз прямо с производства.
            </div>
        </div>
    </div> <!--/features-->
</div> <!--/container-->
 
 
<!--Works-->
<div class="works">
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-1.jpg" alt="консоли круговые">
        <div class="works_content">
            <div class="works_title">Эксклюзивные консоли для москвы</div>
                <div class="works_text">Для москвы были изготовлены консоли "Танцующие кольца"</div>
        </div>
    </div>
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-2.jpg" alt="полигональные фигуры">
        <div class="works_content">
            <div class="works_title">Полигональные фигуры для Карелии</div>
                <div class="works_text">К столетию карелии в Петрозавдске были установление световые полигональные фигуры с официальной символикой</div>                           
        </div>
    </div>
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-3.jpg" alt="световые деревья">
        <div class="works_content">
            <div class="works_title">Светодиодные деревьяи</div>
                <div class="works_text">Огромные светодиодные деверья 3м со световой нитью для городского оформления</div>                           
        </div>
    </div>
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-4.jpg" alt="уличные мишурные фигуры">
        <div class="works_content">
            <div class="works_title">Светодиодный мишурный паровоз</div>
                <div class="works_text">Паровоз из мишуры со светодиодной нитью был доставлен в Нижний Новгород</div>                           
        </div>
    </div>
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-5.jpg" alt="конструкции для детского сада">
        <div class="works_content">
            <div class="works_title">Детский сад в Сетрорецке</div>
                <div class="works_text">Оформление детского сада в Сестрорецке зайцем и щенком из мишуиры</div>                           
        </div>
    </div>
 
    <div class="works_item">
        <img class="works_photo" src="img/photo/p1-6.jpg" alt="Снеговики музыкнты">
        <div class="works_content">
            <div class="works_title">Оркестр снеговиков</div>
                <div class="works_text">Мишурные светодиодные снеговики музыканты украсили ресторан в Нижнем Новгороде</div>                           
        </div>
    </div>
 
</div> <!-- /Works -->
 
 
<!-- Team -->
<div class="team">
    <div class="container">
        <div class="team_inner">
 
            <div class="team_item">
                <img class="team_photo" src="img/photo/t1.jpg" alt="мамонт">
                <div class="team_name">Мамонт проволочный</div>
                <div class="team_prof">Стальная проволока, порошковая краска</div>
                <div class="team_text">Внушительная светодиодная фигура маомента используется для оформления городских пространств</div>
                <div class="social">
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Instagram.png" alt="инстаграм" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/VK.png" alt="вконтакте" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Whatsapp.png" alt="вотсапп" height="18">
                    </a>
                </div> <!-- social -->
            </div> <!-- team_item -->
            
            <div class="team_item">
                <img class="team_photo" src="img/photo/t2.jpg" alt="шар">
                <div class="team_name">Пластиковый шар</div>
                <div class="team_prof">Пластик или акрил, светодиодная подсветка</div>
                <div class="team_text">Световые уличные шары для интерьера или экстерьера загородных участков или комплексов</div>
                <div class="social">
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Instagram.png" alt="инстаграм" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/VK.png" alt="вконтакте" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Whatsapp.png" alt="вотсапп" height="18">
                    </a>
                </div> <!-- social -->
            </div> <!-- team_item -->
 
            <div class="team_item">
                <img class="team_photo" src="img/photo/t3.jpg" alt="тоннель">
                <div class="team_name">Треугольный тоннель</div>
                <div class="team_prof">Алюминиевый профиль, дюралайт и лента</div>
                <div class="team_text">Эффектная входная группа для оформления центральных улиц и площадей города</div>
                <div class="social">
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Instagram.png" alt="инстаграм" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/VK.png" alt="вконтакте" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Whatsapp.png" alt="вотсапп" height="18">
                    </a>
                </div> <!-- social -->
            </div> <!-- team_item -->
 
            <div class="team_item">
                <img class="team_photo" src="img/photo/t4.jpg" alt="Снежинка">
                <div class="team_name">Необыная снежинка</div>
                <div class="team_prof">Алюминиевый каркас, плоская плитка, дюралайт</div>
                <div class="team_text">Красивая снежинка для украшения фасадов зданий и коттеджей</div>
                <div class="social">
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Instagram.png" alt="инстаграм" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/VK.png" alt="вконтакте" height="18">
                    </a>
                    <a class="social_item" href="#" target="_blank">
                        <img src="img/social/Whatsapp.png" alt="вотсапп" height="18">
                    </a>
                </div> <!-- social -->
            </div> <!-- team_item -->
 
        </div> <!-- team_inner -->
    </div> <!-- container -->
</div> <!-- /Team -->
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
30.04.2021, 13:22
Лучший ответ Сообщение было отмечено Taatshi как решение

Решение

В 22й строке CSS упущено двоеточие
Миниатюры
Как убрать отступы?  
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 30.04.2021, 13:22
Помогаю со студенческими работами здесь

Как убрать отступы на странице
В общем т.к я новичок, я решил сегодня попрактиковаться на денвере в написание сайта. И только я успел поставить фон как тут появилась...

Как убрать отступы в таблице?
Написал таблицу, но в результате между строками появляются 1px промежуток. Подскажите пожалуйста как его убрать? &lt;table...

Как убрать отступы div
Здравствуйте, возможно ли как-то у div(2) которые находится внутри div(1) убрать все отступы от всех краев при этом не задев все остальное...

Как убрать непонятные отступы?
Доброго всем времени суток. Возникла такая проблема, появился непонятный отступ снизу, суть в том что если смотреть на страницу через...

Как убрать отступы тега br?
как убрать стандартное отступы которые дает тег br


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru