Как убрать отступы для 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
Как убрать отступы HTML-элемента
Как убрать отступы HTML-элемента, которые браузеры устанавливают по умолчанию? Подобный вопрос часто возникает у начинающих верстальщиков, которые хотят убрать подобные отступы у таких элементов, как , HTML-таблицы (тег ) и их ячейки и т.д. На самом деле нет ничего проще, но сначала давайте разберемся, а отступы ли вы имеете в виду, когда ищете ответ на этот вопрос?
В CSS есть два типа свойств, которые отвечают за отступы (CSS padding) и поля (CSS margin) элементов. Их расположение показано на следующем изображении:
Так вот, когда многие новички говорят о том, что хотят убрать у элемента отступы, то на самом деле они имеют в виду его поля, так как именно их обычно добавляют браузеры к некоторым элементам. Нет, отступы, конечно, тоже добавляются, но таких элементов очень мало, например, у тегов и браузеры устанавливают ненулевые отступы, чтобы текст на кнопках не прилегал к рамке вплотную.
Немного иначе обстоит дело у HTML-таблиц, так как у них есть еще два параметра — это свойство CSS border-spacing, изменяющее расстояние между границами или рамками ячеек (которое тоже можно назвать отступами) и CSS border-collapse, которое вообще убирает это расстояние и делает границы общими. На изображении ниже показано размещение всех этих полей и отступов у таблицы.
Ну что ж, а теперь, когда вы все это знаете — рассмотрим несколько примеров.
Как убрать отступы по краям HTML-страницы
Пример HTML и CSS: убираем отступы у тега BODY
seodon.ru - Убираем отступы по краям страницы Содержимое страницы.
Шапка сайта: убрать отступ сверху
Вот css к элементу
#head
Как убрать верхний отступ?
Отслеживать
9,395 7 7 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
задан 1 мая 2013 в 20:14
3,339 6 6 золотых знаков 31 31 серебряный знак 54 54 бронзовых знака
почему у людей работает margin: 0; а у меня нет. только margin -16px; убирает отступ, но появляется полоса прокрутки
4 авг 2014 в 14:24
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
body
Отслеживать
ответ дан 1 мая 2013 в 20:25
18.1k 20 20 серебряных знаков 42 42 бронзовых знака
Как-то так, я думаю, возможно.
Отслеживать
9,395 7 7 золотых знаков 24 24 серебряных знака 57 57 бронзовых знаков
ответ дан 2 июл 2017 в 19:15
43 1 1 серебряный знак 5 5 бронзовых знаков
Еще встретился баг: если у первого элемента в блоке ‘header’ задано свойство margin-top, он может тянуть за собой весь блок. Чтобы избежать этого, нужно задать верхний отступ первого элемента ‘padding-top’ вместо ‘margin-top’.
Отслеживать
ответ дан 5 ноя 2020 в 13:30
26 3 3 бронзовых знака
У меня ошибка была из-за такого кода
.header h1 < padding-top: 25px; /* Отступ от верхнего края блока */ margin-bottom: -20px; /* Расстояние между заголовком и обычным текстом */>Пропущенная запятая при группировке в файле CSS. Стили относились к шрифтам внутри хедера. Исправило ситуацию: .header, h1
Как убрать системные отступы?
https://jsfiddle.net/jndwsvyp/1/
Нигде не прописывал отступы, а белые полосы с боков и сверху есть, как это исправить и почему это возникло?
P.S. Предложения из серии:
margin: -8px;
не рассматриваются, потому что это колхоз.
- Вопрос задан более трёх лет назад
- 5272 просмотра
3 комментария
Простой 3 комментария
Rustam Bainazarov @SmthTo Куратор тега Вёрстка
Для этого есть любой reset.css.
SmthTo, ты принципиально ответы не пишешь в ответы, а только в комментарии?)
Rustam Bainazarov @SmthTo Куратор тега Вёрстка
Сергей Горячев, отвечу мемом: прост)))1)
Решения вопроса 1
Евгений Акулинин @forkhammer
Fullstack-разработчик (Django, Angular)
html, body
А вообще подключи reset.css
Ответ написан более трёх лет назад
Нравится 3 2 комментария
greg_13 @greg_13 Автор вопроса
Так, это сработало, но хотелось бы всё же уточнить, а как вообще эта проблема возникает?
И что за «reset.css»?
Евгений Акулинин @forkhammer
Отступы создает стандартный CSS, встроенный в браузер. У каждого браузера свой набор стилей по-умолчанию. Чтобы привести все к одному виду используют наборы стилей, например reset.css https://meyerweb.com/eric/tools/css/reset/
Ответы на вопрос 2
Марти Макфлай @alex_shevch
Frontend Developer
Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.
https://marksheet.io/css/reset.css
Просто подключаешь эти стили для каждого нового проекта.