Сохранен 40
https://2ch.hk/b/res/197094936.html
24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!

Верстки тред Сап, Двач, вкатываюсь в верстку,

 Аноним 27/05/19 Пнд 02:27:19 #1 №197094936 
htmlRWEGTme.jpg
Верстки тред

Сап, Двач, вкатываюсь в верстку, и есть один момент, который мне совершенно непонятен.

Чтобы разместить блок по центру, мне пришлось прописать следующие стили https://codepen.io/vertically-challenged/pen/VOxoxY которые я нашел на htmlbook.

Мне не понятно, почему ничего не работает без margin: auto; в чем сакральный смысл?

Алсо почему top, bottom, left и right равны именно 0?
Аноним 27/05/19 Пнд 02:27:36 #2 №197094945 
бамп
Аноним 27/05/19 Пнд 02:28:16 #3 №197094960 
бамп
Аноним 27/05/19 Пнд 02:28:35 #4 №197094967 
>>197094936 (OP)
ОП, выкатывайся. Поищи что попроще. Я серьёзно. Твой вопрос звучит как: «Почему люди дышат?»
Аноним 27/05/19 Пнд 02:28:46 #5 №197094974 
бамп
Аноним 27/05/19 Пнд 02:30:40 #6 №197095013 
>>197094936 (OP)
Гугли понятие - дефолты.
Аноним 27/05/19 Пнд 02:30:52 #7 №197095021 
>>197094967
>попроще

У меня были неплохие в вузе, пока я туда ходил. Думаю, что у меня получится
Аноним 27/05/19 Пнд 02:32:28 #8 №197095058 
>>197094936 (OP)
Юзай flex и flexbox для всех элементов и забудь про любой прочий гемор.
Аноним 27/05/19 Пнд 02:33:53 #9 №197095098 
>>197094936 (OP)
одно слово - флексбокс
Аноним 27/05/19 Пнд 02:35:04 #10 №197095127 
>>197095013
>Гугли понятие - дефолты.

Нашел статью, где мужик написал что-то типа: "Никто не знает CSS - идите нахуй"
Аноним 27/05/19 Пнд 02:36:43 #11 №197095175 
>>197094936 (OP)
>margin: auto;
>2к19
Аноним 27/05/19 Пнд 02:38:50 #12 №197095242 
>>197095058
>>197095098

Спасибо за ответы, буду юзать, но все же интересно, в чем же тут дело с margin: auto, что оно дает в моей ситуации?
Аноним 27/05/19 Пнд 02:41:07 #13 №197095298 
>>197094936 (OP)
Оп, с какой литературы/кастов начать верстку?Интересно попробовать.Подскажи что-нибудь, пожалуйста
Аноним 27/05/19 Пнд 02:42:24 #14 №197095335 
>>197095298
google.ru
Аноним OP 27/05/19 Пнд 02:51:34 #15 №197095559 
>>197095335
Двачую

>>197095298
Посмотри: https://www.youtube.com/watch?v=xGNqxcgikGk&t=68s

И этот канал еще годный, недавно наткнулся, прям годное снимают: https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg

Сам я нихуя еще не умею, чтобы что-то советовать от себя, кроме google.com.

Могу дать только один совет - сразу вкатывайся в github, и пользуйся им хотя бы в приложении. Я откладывал этот вкат, потому что не понимал, зачем мне это говно, если я пищу hello world, а оказалась очень годная и удобная штука, которая действительно упрощает жизни и обучение
Аноним 27/05/19 Пнд 02:54:58 #16 №197095647 
>>197095559
Спасибо
Аноним OP 27/05/19 Пнд 02:56:00 #17 №197095670 
>>197095298

Алсо вот еще интересный сайт: https://nisnom.com/category/veb-razrabotki/akkordeon/

Когда вкатываешься, не знаешь, а что верстать то, а что вообще можно сделать на css - этот сайт явно показывает, а что можно, и что нужно пытаться делать самому. Сам вчера наткнулся и ахуел как все круто, думаю самостоятельно пробовать повторять всякие штуки оттуда, чтобы нормально освоить верстку
Аноним OP 27/05/19 Пнд 02:57:52 #18 №197095701 
>>197095670
Пиздец с пунктуацией обосрася, не бейте
sage[mailto:sage] Аноним 27/05/19 Пнд 02:59:23 #19 №197095730 
</thread>
Аноним 27/05/19 Пнд 03:00:41 #20 №197095759 
>>197095730
></thread>
нет
Аноним 27/05/19 Пнд 03:02:39 #21 №197095802 
>>197095670
благодарю, анон
Аноним 27/05/19 Пнд 03:03:50 #22 №197095833 
>>197095647
>>197095802
:3
Аноним 27/05/19 Пнд 03:05:34 #23 №197095877 
ОП, поясни, как гитхаб тебе помогает в обучении? В моем представлении это приблуда для объемной командной разработки.
Аноним 27/05/19 Пнд 03:07:05 #24 №197095906 
>>197094936 (OP)
Все навыебывались, но никто не помог.
margin: auto обозначает что браузер сам посчитает margin-left и margin-right равными половине ширины родителя - ширина ребенка
Аноним 27/05/19 Пнд 03:07:56 #25 №197095928 
>>197095877
Тебе стоит понять как пользоваться гитом до того как ты в эту командную разработку попадешь.
Аноним 27/05/19 Пнд 03:11:47 #26 №197096001 
>>197095877
Помогает удобно синхронизировать все говно между устройствами: начал писать на ноуте, взял чает и продолжил за пекой.
Алсо все твое говно всегда под рукой, всегда все в порядке и никакого бардака, а если обосрался и все сломал - можно легко откатиться к предыдущему сейву своего проекта, не засирая весь рабочий стол тысячами копий своего hello world на разных этапах разработки.

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

Алсо двачую >>197095928
Аноним 27/05/19 Пнд 03:13:24 #27 №197096030 
>>197095906
Ну это-то понятно, но почему без этого не работает, когда я уже написал top, bottom, left и right?
Аноним 27/05/19 Пнд 03:14:35 #28 №197096052 
>>197096001
>>197096030
галку забыл
Аноним 27/05/19 Пнд 03:15:13 #29 №197096063 
Что-то не так, галка проебалась
Аноним 27/05/19 Пнд 03:15:54 #30 №197096073 
>>197096001
>чает
чаек
фикс
Аноним 27/05/19 Пнд 03:18:26 #31 №197096115 
>>197096030
Написав top, bottom, left и right ты сбросил дефолтные отступы которые равны 1. Когда все отступы равны 0 браузер начинает их игнорировать. Но тогда у тебя элемент будет в координате 0,0 родителя. Чтобы решить эту проблему тебе нужно сделать margin auto
Аноним 27/05/19 Пнд 03:20:37 #32 №197096159 
>>197096115
Спасибо, Анончик, ты лучший ^^
Теперь все понятно
Аноним 27/05/19 Пнд 03:39:47 #33 №197096527 
>>197095559
>>197095670
>>197095298
Вот еще интересный канал, смотрел тут про анимацию и адаптивную верстку, вроде неплохо рассказывает https://www.youtube.com/channel/UC7enHM_oJRYJOnyJrcRzwbg
Аноним 27/05/19 Пнд 05:14:52 #34 №197098047 
>>197095242
margin: auto
margin для отступов, ну ты в курсе. Если стоит авто, то элемент центрируется.
Хуяррить марджин: авто на элемент с абсолютным позиционированием у которого лево,право,верх и низ проставлены в ноль это нихуя не целевое использование. Это — очередная изъёбка. Пока не было флексбокса так и изъёбывались. Теперь есть, окольные пути не нужны.
Аноним 27/05/19 Пнд 05:19:32 #35 №197098118 
>>197096115
>дефолтные отступы которые равны 1
Тоже недавно вкатился?
Аноним 27/05/19 Пнд 05:42:15 #36 №197098417 
>>197098047
>очередная изъёбка

Это-то понятно, но почему она работает?

Почему не работает margin: auto без выставления позиционирования в ноль, и почему не работает выставление позиционирования в ноль без margin: auto? В чем синергия?



>>197096115
Уже понял, что этот хуй сказал какую-то хуйню, и теперь опять ничего не понятно
Аноним 27/05/19 Пнд 06:15:59 #37 №197098900 
>>197098417
Ну смотри. ты задал элементу ширину, и одновременно указал, что отступы слева и справа должны быть нулём. Очевидно, что такое отобразить невозможно(именно поэтому это костыль, а не нормальная вёрстка). Ширина элемента в приоритете, поэтому отступ справа проигнорируется. Если ты добавляешь марджин: авто, ты указвыаешь браузеру что надо центрировать элемент, поэтому он игнорит нулевые отступы и центрирует его.

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

Почему у браузера именно такие приоритеты? Это не описано ни в каком стандарте, разрешение таких ситуаций остаётся за разработчиками движка браузера. В теории они пытаются сделать так, что бы всё выглядело приемлимо и следовало хоть какой-то логике. А хитрожопые версталы пользуются этой хуйнёй.
Аноним 27/05/19 Пнд 06:17:49 #38 №197098927 
>>197098900
*приемлемо

Прошу прощения, уже в сон клонит.
Аноним 27/05/19 Пнд 09:25:27 #39 №197103352 
flexboxfroggy.com/#ru вот тебе игрушка для флексбоксов
Аноним 27/05/19 Пнд 09:30:18 #40 №197103495 
Скинь телегу будем вместе писюнами стукаться изучать
comments powered by Disqus

Отзывы и предложения