Как убрать пробелы между блоками (div)? И можно ли последние 3 блока поднять вверх без margin?

Question

[distorting_reality]

Вот код: codepen.io/anon/pen/FvIwh

Answer 1

[TiGR]

Элементам выставлен display: inline-block, таким образом, они ведут себя как строчные элементы. А если между строчными элементами в коде есть пробелы - то пробелы и будут отображаться.

Comments

[distorting_reality]

А поднять вверх их без margin можно?

[TiGR]

Да, при помощи свойства vertical-align, выставленного у div.

[distorting_reality]

Спасибо

Answer 2

[Андрей]

от пробелов можно избавиться, задав родительскому контейнеру нулевой размер шрифта

header {
	width: 100%;
	height: 28%;
        font-size:0;
}

Comments

[Александр Борисович]

ТОлько не font-size:0!! Это не работает в мобильных браухерах!

Answer 3

[Юрий Лобанов]

@distorting_reality я Вам в очередной раз говорю - на тостере Вы ничему не научитесь, пройдите любой, но полный курс по html/css!
Вас кидает как мертвого малька в море, то Вы спрашиваете про canvas, то про svg, в последнее время про элементарные правила css.
Обучение на тостере имеет место быть, но оно мозаично. Вы выхватываете эти элементы мозаики, а куда прилепить их не знаете.
Если бы Вы прошли курс по html/css, то получили бы дерево знаний/ структуру знаний. В этом случае любые новые знания и навыки навешивались бы на ветви дерева и Вы смогли бы ими пользоваться.
Послушайте мой совет, не тратьте свое и чужое время зря.

Comments

[distorting_reality]

Да, пришлось попрыгать: то с canvas на svg, то с svg на css. Я искал подходящий способ - и нашел. Вопросы по canvas и svg - для меня это темный лес, а полез я туда не столько из интереса, сколько ради разведки: узнать: подходит иль нет.
Да, вопросы по css кажутся глупыми, и они же приравнивают меня к новичку. Ну и пусть. Я же знаю, что я не так глуп, как вы можете думать, и что вы, кстати, уже сказали. Куда положить очередной пазл в мозайке, я знаю.
Вы говорите "Пройти курс", что ж, я прошел курс. Да, всего лишь на codecademy, но мне этого достаточно. Программирование мне интересно, но не на столько, чтобы углубляться в него по самое дно.
Касательно вашего совета: ничье чужее время я не трачу. Те, кто отвечают на вопросы, сознательно это делают. И если бы они считали помощь другому - тратой времени, они бы вряд ли здесь, на toster'е, сидели. Свое время я также не трачу зря, задавая эти, казалось бы, глупые вопросы. Я же задаю их не от тупости или безделья - мне нужна помощь, не более.
Пожалуй, я прервусь, а то это уже смахивает на оправдание.

P.S. И спасибо за ответ =)

Answer 4

[Александр Борисович]

Либо пишите без пробелов в коде, либо вставляете без пробелов теги php, если сайт на php.

<div ></div><?
?><div ></div>

Answer 5

[Vladislav16]

Зайдите в майнкрафт потом в ваш мир, escape -> settings -> graphics -> уровни детализации, должно быть 0 -> готово -> готово и все