Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.96/25: Рейтинг темы: голосов - 25, средняя оценка - 4.96
0 / 0 / 2
Регистрация: 22.12.2014
Сообщений: 62

Не убирается отступ сверху

19.05.2017, 01:19. Показов 5335. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Остается маленький отступ вверху страницы. Как его убрать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link href="main.css" rel="stylesheet">
    </head>
    <body>
        <div class="block block1">
            <h6>Mark Manson</h6>
        </div>
        <div class="block block2">
            <p>text</p>
        </div>
        <div class="block block3">
            <p>comments</p>
        </div>
    </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
html, body {
    font: 'PT Sans', Arial, Helvetica, sans-serif;
    background: #DCDCDC;
    margin: 0;
    padding: 0;
    font-size: 0;
}
 
.block {
    display: inline-block;
    width: 250px;
    height: 440px;
    background-color: white;
    background-size: cover;
    font-size: 14px;
    margin-right: 10px;
}
 
.block1 {
    background-image: url("https://images.unsplash.com/photo-1453396450673-3fe83d2db2c4?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&");
    background-repeat: no-repeat;
    background-size: 250px 405px;
    color: white;
}
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.05.2017, 01:19
Ответы с готовыми решениями:

Не убирается отступ у <div>
Нужно расположить в центре страницы логотип, но так чтобы при увеличении/уменьшении масштаба он оставался на месте. Мой сайт поделен на 4...

Не убирается отступ от рамки до бордюра фрейма
Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё...

Отступ сверху из за <ul>
Есть страница. В левой колонке меню по сайту. Когда перехожу на страницу, на которой есть тег ul появляется отступ сверху.. никак не могу...

5
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.05.2017, 01:28
vizinar, этот?
Миниатюры
Не убирается отступ сверху  
1
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.05.2017, 01:55
Лучший ответ Сообщение было отмечено vizinar как решение

Решение

Добавьте себе в index.html <link href="reset.css" rel="stylesheet"> перед
Цитата Сообщение от vizinar Посмотреть сообщение
<link href="main.css" rel="stylesheet">

Код файла reset.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
/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:
 
    Eric Meyer                  :: [url]http://meyerweb.com[/url]
    HTML5 Doctor                :: [url]http://html5doctor.com[/url]
    and the HTML5 Boilerplate   :: [url]http://html5boilerplate.com[/url]
 
-------------------------------------------------------------------------------*/
 
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
 
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
}
 
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
 
/* Handle box-sizing while better addressing child elements:
   [url]http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/[/url] */
html {
    box-sizing: border-box;
}
 
*,
*:before,
*:after {
    box-sizing: inherit;
}
 
/* consider resetting the default cursor: [url]https://gist.github.com/murtaugh/5247154[/url] */
 
/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}
 
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
     In fact, it *will* cause problems with Google Maps' controls at small size.
    If this is the case for you, try uncommenting the following:
 
#map img {
        max-width: none;
}
*/
 
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}
 
/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {list-style: none;}
 
blockquote, q {quotes: none;}
 
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
 
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
 
del {text-decoration: line-through;}
 
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
 
/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
 
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
 
input, select {vertical-align: middle;}
 
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
 
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
 
select, input, textarea {font: 99% sans-serif;}
 
table {font-size: inherit; font: 100%;}
 
small {font-size: 85%;}
 
strong {font-weight: bold;}
 
td, td img {vertical-align: top;}
 
/* Make sure sup and sub don't mess with your line-heights [url]http://gist.github.com/413930[/url] */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
 
/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}
 
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}
 
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}
 
/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}
 
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
 
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
1
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
19.05.2017, 01:57
пруф
Миниатюры
Не убирается отступ сверху  
1
112 / 108 / 42
Регистрация: 22.01.2017
Сообщений: 452
19.05.2017, 07:52
vizinar, вместо reset.css добавляйте normalize.css, либо
CSS
1
2
3
body {
margin: 0;
}
0
0 / 0 / 2
Регистрация: 22.12.2014
Сообщений: 62
19.05.2017, 08:25  [ТС]
решил добавив
CSS
1
2
3
h6 {
   font-size: 100%;
}
Добавлено через 1 минуту
margin не помогает
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.05.2017, 08:25
Помогаю со студенческими работами здесь

Убрать отступ сверху
Делаю макет с одной колонкой фиксированной ширины, располагающейся по центру, в колонке будет таблица. Файл СSS body { margin: 0;...

Лишний отступ сверху
Всем привет! Помогите решить проблемку пожалуйста, после выполнения функции .load() в div контейнер, появляется отступ сверху, как его...

Не работает отступ сверху
В разделе &quot;servises&quot; не работает отступ сверху, какой бы Margin я не писав, хотя в схожем разделе выше, все вроде работает ...

Появляется отступ сверху
Над сайдбаром появляется лишний отступ. #category{ border:1px solid #000; overflow:hidden; width:200px; float:right; ...

Непонятный отступ сверху
http://jsfiddle.net/4PFt7/47/ Почему красный парень стоит на расстоянии сверху???


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru