Вопрос

[rpmcmerphy]

Почему так долго грузится картинка со статуями ?

почему такое большое расстояние сверху от картинки

http://slavian.coolpage.biz/site1/

 

[pichs_up]

39 минут назад, rpmcmerphy сказал:

Почему так долго грузится картинка со статуями ?

почему такое большое расстояние сверху от картинки

http://slavian.coolpage.biz/site1/

 

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

[rpmcmerphy]

а на второй вопрос ответите, почему расстояние такое, хотя margin нет

[pichs_up]

46 минут назад, rpmcmerphy сказал:

Почему так долго грузится картинка со статуями ?

почему такое большое расстояние сверху от картинки

http://slavian.coolpage.biz/site1/

 

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

[rpmcmerphy]

Как тогда строить сетку сайта ?

Странно невидимые отступы ?

[pichs_up]

2 минуты назад, rpmcmerphy сказал:

Как тогда строить сетку сайта ?

Странно невидимые отступы ?

во первых, используйте блочную верстку, если хотите выровнять элемент внутри body, используйте margin: 0 auto, для позиционированя элементов внутри других элементов, советую flex box, вполне себе уже поддерживаемый модуль, отпозиционирует так, как нужно, в целом, его можно использовать в теге body, но я не советую, из за некоторых его особенностей, и насчет относительного позиционированя, используйте его в крайнем случае

[rpmcmerphy]

Прочитал в справочнике webref про flex но слабо, понял, представление не сложилось

[pichs_up]

27 минут назад, rpmcmerphy сказал:

Прочитал в справочнике webref про flex но слабо, понял, представление не сложилось

https://html5book.ru/css3-flexbox/ можешь почитать здесь, доходчиво по каждому свойству

[rpmcmerphy]

А где написано что на месте относительно позиционированного элемента остаются отступы ?

 

Сам нашел ответ на свой вопрос

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

Я раньше верстал через относительное позиционирование, как-то получалось )

[neumann]

В 28.12.2017 в 09:38, rpmcmerphy сказал:

Прочитал в справочнике webref про flex но слабо, понял, представление не сложилось

я вот тут флексбокс изучал - http://paratapok.ru/frontend/5148_css3-flexbox/ . Понравилось то, что все приведенные примеры являются живыми (можно посмотреть исходный код через инструменты разработчика), а не картинками, как у многих