0 / 0 / 0
Регистрация: 28.01.2018
Сообщений: 1
1

Непонятные отступы

28.01.2018, 22:29. Показов 816. Ответов 3
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Доброго времени суток. Примерно месяц назад начал изучать верстку сайтов, недавно скачал готовый сайт, чтобы попробовать разобраться в коде и наткнулся на такую проблему: когда я просто начал делать код более читабельным (ставить табы и энтеры) сайт начал "ехать", т. е. кое-где начали ставиться отступы непонятно откуда, кое-где просто переходы на новую строку. Так же пробовал прогонять его через различные сервисы, которые делают код более читабельным (HTML Beautifier) и та же проблема. Заранее спасибо за помощь.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
28.01.2018, 22:29
Ответы с готовыми решениями:

Непонятные отступы
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title> Контакты </title> ...

Непонятные отступы в таблице
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...

Непонятные верхние отступы
Есть блок "контент" у которого непонятный верхние отступ в хроме, а в некоторых мобильных браузерах...

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

3
33 / 31 / 18
Регистрация: 05.07.2014
Сообщений: 230
29.01.2018, 19:00 2
Вы бы может код показали...
0
39 / 39 / 5
Регистрация: 06.02.2011
Сообщений: 123
31.01.2018, 18:57 3
Возможно разметка этих "плывущих" элементов основана на display: inline-block
Тогда пробелы (табы, переносы строк) в разметке приводят к переполнению "строк" по ширине и лишним переносам.
Для подробностей можно загуглить "inline-block отступы"

Или разметку + стили в студию
0
357 / 118 / 20
Регистрация: 08.01.2015
Сообщений: 1,361
Записей в блоге: 1
02.02.2018, 16:03 4
Цитата Сообщение от egorov99 Посмотреть сообщение
ставить табы и энтеры
Между
Цитата Сообщение от iPIPka Посмотреть сообщение
элементов основана на display: inline-block
при наличии переносов, в частности, образуется маленький пробел. Видимо, эти пробелы приводят к смещению блоков. Вот пример, как можно убрать перенос и сделать код более читаемым в подобных случаях. Исходно:
HTML5
1
<div style="display: inline-block; width:200px">text1</div><div style="display: inline-block; width:200px">text2</div>
Делаем перенос строки для читаемости:
HTML5
1
2
<div style="display: inline-block; width:200px">text1</div>
<div style="display: inline-block; width:200px">text2</div>
это приведет к появлению небольшого пробела между блоками. Решение (одно из):
HTML5
1
2
<div style="display: inline-block; width:200px">text1</div><
div style="display: inline-block; width:200px">text2</div>
0
02.02.2018, 16:03
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.02.2018, 16:03
Помогаю со студенческими работами здесь

Непонятные отступы у окна сайта с bootstrap
Здравствуйте, уважаемые форумчане, не могу убрать отступ у сайта , чтобы верхнее видео отображалось...

Непонятные отступы резиновый дизайн (IE6)
Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает...

Непонятные отступы при вставке изображения в таблицу
При вставке изображения в таблицу, непонятные отступы с верху и снизу+ картинка смещается в...

Отступы
Всем привет, помогите плиз с таким: когда я хочу сделать отступ от верхней границы окна браузера...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru