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

Как убрать отступы для ul & li

Вам нужно CSS-свойство margin: top right bottom left. Например: margin: 10px — делает отступ 10 пикселей со всех сторон. margin: 10px 5px — делает отступы 10 пикселей сверху и снизу, и по 5 пикселей справа и слева. margin: 10px 15px 5px 20px — делает отступ 10 пикселей сверху, 15 справа, 5 снизу и 20 слева. Отступы можно указывать в пикселях (px), пунктах (pt), процентах (%). Есть ещё много единиц измерения, типа дюймов или сантиметров.

Товаровед.инфо — помощь в выборе качественных товаров и услуг (http://www.tovaroved.info/)
На сайте с 11.11.2005
15 апреля 2008, 14:50
EKCTPEMICT:

Как свойствами СSS убрать отступы вправо

Если речь идет об отступах вправо, то и надо использовать ul li Да, если поле не равно 0, то нужно использовать ед. измерения, как Вам написали постом выше. А вот list-style-type — это по желанию, можно и none, а можно и др. Lazy добавил 16.04.2008 в 11:14 Извините, описался, конечно если вправо то ul li возможно еще потребуется padding-left:0

Как убрать отступы, создающиеся по краям сайта? [закрыт]

Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы он был сосредоточен только на одной проблеме.

Закрыт 7 лет назад .
Мучают белые полоски отступов, портящие внешний вид моего сайта. Как от них следует избавляться?
Отслеживать
user181100
задан 7 ноя 2016 в 12:38
181 1 1 золотой знак 1 1 серебряный знак 11 11 бронзовых знаков

Напрашивается ответ «узнать чем они вызваны и убрать это». Но сделать это можете только вы сами, ваш же проект, вам лучше знать где что.

– user181100
7 ноя 2016 в 12:43
// Remove default margins, fix height html, body < height: 100%; margin: 0; padding: 0; >
3 янв 2017 в 12:48

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Еще это может быть margin у body, который задает user-agent (в chrome — это 8px). Попробуйте обнулить стили или как минимум margin у body.

Отслеживать
ответ дан 7 ноя 2016 в 12:51
3,354 10 10 серебряных знаков 14 14 бронзовых знаков

Если речь идет о шапке сайта(footer) которая заключена в div и вы хотите прижать её к краям экрана, то код CSS:

Эти свойства CSS могут помочь решить проблему, однако будьте осторожны с абсолютным позиционированием — для остальных элементов на странице ваш футер перестанет существовать и они могут повести себя непредсказуемо. Если absolute не подходит, попробуйте position:fixed;

Как убрать отступ сверху html

Для того чтобы управлять внешними отступами, т.е. отступами между элементами на странице — необходимо использоваться свойство margin .

Свойство margin определяет внешний отступ на всех четырёх сторонах элемента. Это сокращение, которое устанавливает все отдельные поля одновременно: margin-top, margin-right, margin-bottom и margin-left.

Таким образом чтобы убрать отступ каждому элементами сверху правильно использовать margin-top. Рассмотрим пример.

 class="box red">Блок №1  class="box green">Блок №2  class="box blue top">Блок №3 

Задав стиле способом ниже, у последнего блока не будет отступа в 20px.

.red  background-color: red; > .blue  background-color: blue; > .green  background-color: green; > .box  height: 100px; width: 125px; margin-top: 20px; > .top  margin-top: 0px; > 

Как убрать отступы HTML-элемента

Как убрать отступы HTML-элемента, которые браузеры устанавливают по умолчанию? Подобный вопрос часто возникает у начинающих верстальщиков, которые хотят убрать подобные отступы у таких элементов, как , HTML-таблицы (тег ) и их ячейки и т.д. На самом деле нет ничего проще, но сначала давайте разберемся, а отступы ли вы имеете в виду, когда ищете ответ на этот вопрос?

В CSS есть два типа свойств, которые отвечают за отступы (CSS padding) и поля (CSS margin) элементов. Их расположение показано на следующем изображении:

Так вот, когда многие новички говорят о том, что хотят убрать у элемента отступы, то на самом деле они имеют в виду его поля, так как именно их обычно добавляют браузеры к некоторым элементам. Нет, отступы, конечно, тоже добавляются, но таких элементов очень мало, например, у тегов и браузеры устанавливают ненулевые отступы, чтобы текст на кнопках не прилегал к рамке вплотную.

Немного иначе обстоит дело у HTML-таблиц, так как у них есть еще два параметра — это свойство CSS border-spacing, изменяющее расстояние между границами или рамками ячеек (которое тоже можно назвать отступами) и CSS border-collapse, которое вообще убирает это расстояние и делает границы общими. На изображении ниже показано размещение всех этих полей и отступов у таблицы.

Ну что ж, а теперь, когда вы все это знаете — рассмотрим несколько примеров.

Как убрать отступы по краям HTML-страницы

Пример HTML и CSS: убираем отступы у тега BODY

       
Содержимое страницы.