Бред


Ответить в тред Ответить в тред

Check this out!
<<
Назад | Вниз | Каталог | Обновить тред | Автообновление
51 3 10

Аноним 02/10/19 Срд 21:04:32 2048046951
htmlRWEGTme.jpg (15Кб, 250x245)
250x245
Двач, ПАМАГИ!!!

Есть один блок .service-slider (Обведен зеленым) и он почему-то растягивается по высоте, растягивая родительский блок .service (Обведен синим), мне это совсем не нужно и я не понимаю, почему так происходит, и как это исправить.

Алсо если добавить border для вложенного в .service-slider блока, то .service-slider становится размером с этот вложенный блок и перестает растягивать .service.

Вот линк: https://vertically-challenged.github.io/Device/
Аноним 02/10/19 Срд 21:05:34 2048047642
бамп
Аноним 02/10/19 Срд 21:05:51 2048047803
бамп
Аноним 02/10/19 Срд 21:06:07 2048048014
бамп
Аноним 02/10/19 Срд 21:06:38 2048048335
бамп
Аноним 02/10/19 Срд 21:07:01 2048048656
бамп
Аноним 02/10/19 Срд 21:07:17 2048048827
бамп
Аноним 02/10/19 Срд 21:07:39 2048049008
бамп
Аноним 02/10/19 Срд 21:08:04 2048049209
бамп
Аноним 02/10/19 Срд 21:08:39 20480495310
бамп
Аноним 02/10/19 Срд 21:08:55 20480496911
бамп
Аноним 02/10/19 Срд 21:09:18 20480499112
бамп
Аноним 02/10/19 Срд 21:09:45 20480502813
бамп
Аноним 02/10/19 Срд 21:10:02 20480504414
бамп
Аноним 02/10/19 Срд 21:10:03 20480504615
Аноним 02/10/19 Срд 21:10:20 20480506716
бамп
Аноним 02/10/19 Срд 21:10:39 20480508317
Аноним 02/10/19 Срд 21:11:18 20480512218
>>204805083
Хуйню снес, сорян.
Там нужно убрать у h3 внутри лишки твоей маргин верхний.
Аноним 02/10/19 Срд 21:25:55 20480598219
Безымянный.png (23Кб, 807x465)
807x465
>>204805122
Но он же нужен.

Кстати, попробовал убрать min-height у .service-slider li и .service-slider сразу же ужался, но что это за отступ на пике, и почему его нет, когда min-height у .service-slider li на месте?

Алсо что происходит с позиционированием background у .service-slider li, почему с включенным border оно одно, а с выключенным - другое?
Аноним 02/10/19 Срд 21:52:43 20480759920
image.png (47Кб, 1230x416)
1230x416
Анон, это пиздец, шо за хуйню я ща посмотрел?
Мне даже лень писать, где ты не прав(везде)
Аноним 02/10/19 Срд 21:56:21 20480782821
>>204804695 (OP)
Ты курс какой проходил? Посмотрел твой код, много нового узнал

мимо нюфаг
Аноним 02/10/19 Срд 21:58:26 20480796222
Аноним 02/10/19 Срд 22:04:09 20480828823
>>204807828
Это какой-то профессиАНАЛЬНЫЙ интенсив от html academy.
Первый прошел, второй собираюсь.

magnet:?xt=urn:btih:5A884FC07F9AF4B82EFA1BDD2778D70CC306B23C&dn=%5bHTML%20Academy%5d%20%d0%9f%d1%80%d0%be%d1%84%d0%b5%d1%81%d1%81%d0%b8%d0%be%d0%bd%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9%20HTML%20%d0%b8%20CSS%20%d0%a3%d1%80%d0%be%d0%b2%d0%b5%d0%bd%d1%8c%201&tr=http%3a%2f%2fbt4.t-ru.org%2fann&tr=http%3a%2f%2fretracker.local%2fannounce

magnet:?xt=urn:btih:3DA7A1A9CA38055E1AEE0315DF5868A94AD264A0&dn=%5bHTML%20Academy%5d%20%d0%9f%d1%80%d0%be%d1%84%d0%b5%d1%81%d1%81%d0%b8%d0%be%d0%bd%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b9%20HTML%20%d0%b8%20CSS%2c%20%d1%83%d1%80%d0%be%d0%b2%d0%b5%d0%bd%d1%8c%202&tr=http%3a%2f%2fbt.t-ru.org%2fann&tr=http%3a%2f%2fretracker.local%2fannounce
Аноним 02/10/19 Срд 22:08:30 20480851324
Аноним 02/10/19 Срд 22:13:42 20480878725
Аноним 02/10/19 Срд 22:20:32 20480915926
>>204804695 (OP)
.service-slider-radio-container - min-height, что вообще за хуйня с мин высотой?
Аноним 02/10/19 Срд 22:25:06 20480935727
>>204809159
Ну как-бы задаю высоту с расчетом, что туда может быть добавлено что-то еще, и оно не должно вылезать за пределы блока
Аноним 02/10/19 Срд 22:28:49 20480954328
>>204809357
так оно и не вылезет а растянет если высоту вообще не задавать
Аноним # OP 02/10/19 Срд 22:32:44 20480971729
Заборол проблему с неадекватными растягиваниями блоков, НО тут вылезла другая.

Что не так с linear-gradient? Добавляю значит linear-gradien к .service, чтобы задать этот серый фон, и у кнопок, которые находятся внутри .service пропадает их linear-gradien, почему так происходит, и как такое фиксить?

Ссылка та же: https://vertically-challenged.github.io/Device/
Блок .service - тот, что слайдер с доставкой, гарантией и кредитом.
Аноним 02/10/19 Срд 22:35:00 20480979930
>>204809543
Да, но если ее убрать, то вертикальная полосочка справа от кнопок укоротится, тк блок ужмется под контент
Аноним 02/10/19 Срд 22:37:05 20480989731
>>204809717
у тебя к градиента на кнопке z-index: -1
Аноним 02/10/19 Срд 22:38:24 20480995432
>>204809717
Почему сайт выглядит как говно? За дизайн спрашиваю. Откуда этот макет высрался?
Аноним 02/10/19 Срд 22:44:05 20481023933
>>204809954
Из курса html academy >>204809717
Там специально всратые макеты собрали, чтобы аутентично было, типа все как на РАБоте
Аноним 02/10/19 Срд 22:46:03 20481035534
>>204809897
Поставил z-index: -2 для .service, градиент у кнопок появился, но теперь кнопки не нажимаются, що делать?
Аноним 02/10/19 Срд 22:47:42 20481044735
>>204810239
Такое ощущение, что кто-то в JS обосрался и всё ебло из-за этого перекосоёбило, лол.
Аноним 02/10/19 Срд 22:53:30 20481079236
>>204809799
потому они за слоем который сверху

Аноним 02/10/19 Срд 22:56:45 20481096937
>>204810355
Заборол и эту проблему, сделав фон для .service через ::before, ощущения - АТАС
Аноним 02/10/19 Срд 22:58:11 20481105338
>>204810792
Но у нее высота в процентах
Аноним 02/10/19 Срд 23:00:21 20481114639
>>204810447
Ну зато рука набивается, верстать всю эту срань
Аноним 02/10/19 Срд 23:00:27 20481115240
>>204810969
Сделал бы ты лучше сетку, а то эти твои ковыряния плохо структурированы, хуй пойми что и откуда.
Аноним 02/10/19 Срд 23:05:49 20481144941
>>204811152
Имеешь в виду 12 колонок, как в макете?

А зачем она нужна, если я не буду этот макет делать адаптивным?
Аноним 02/10/19 Срд 23:08:14 20481157042
>>204811449
Я не про бутстрап, а про gridы. У меня глаза вытекают от этого макета, сука, ты там страдаешь сидишь наверное. Как будто Лебедев заказал сверстать хуйню свою.
Аноним 02/10/19 Срд 23:19:57 20481213943
>>204811570
>gridы
Ну они же плохо поддерживаются, на настоящей РАБоте придется верстать такое без гридов, да и как они мне помогут с этим макетом? Только если первый слайдер с ними было бы попроще сделать, но он уже и без них готов
Аноним 02/10/19 Срд 23:25:23 20481237944
>>204812139
На настоящей РАБоте ты можешь использовать гриды как твоей душе угодно, но ты не должен забывать о том что бы смешать правила гридов с флексами для более старой поддержки (и конечно же не забываем о префиксах).
Аноним 02/10/19 Срд 23:30:38 20481261145
>>204812139
93.48% поддержка
Бутстрап может и не сдохнет через пару месяцев, но это полная хуйня для бумеров, которые не хотят что-то новое в вёрстке учить, ибо нахуй им не надо. В любом случае тебе для практики нужна и сетка. Это очень помогает, потому что заставляет тебя делать менее инвалидные вещи. При вёрстке ты должен стремиться к тому, чтобы затратить минимальное количество сил на адаптив, это аналог говнокода в программировании, вместо изменения одного свойства при каком-то размере экрана тебе придётся менять 15, в итоге ты запутаешься и начнёшь бугуртить. С гридами делать адаптив быстрее, чем на бутстрапе. Единственное преимущество это быстро накидать говна типа слайдеров, если твой профиль это php или чё-то такое. Короче можно много что не юзать, но знать обо всё надо, вообще обо всём. Кто-то вон на фреймворках хуярит всю жизнь и уже не помнит как языки выглядят в чистом виде. Это не есть хорошо.
Аноним 02/10/19 Срд 23:34:26 20481278546
>>204812611
А что если имитировать 12 колоночную сетку на flex, или лучше гриды?
Аноним 02/10/19 Срд 23:36:48 20481289347
Аноним 02/10/19 Срд 23:41:43 20481312448
>>204812785
Нахуя тебе имитировать сетку, если ты можешь на гридах сделать вообще что угодно. Флекс ничего не имитирует, вернее флексы в бутстрапе как раз это делать, бутстрап это один большой костыль, эффективный до сих пор, но всё же костыль. Гриды позволяют тебе грубо говоря нарисовать сетку руками. Гугли grid-template-areas. Это чтобы понять возможности, а не плясать вокруг 12 колонок. Бутстрап очень эффективен, если надо накидать хуйни в интерфейс админки на сайте или что-то такое. Зачем его юзать в 2к19 без требований, я не знаю. Там ничего сложного нет, для общего развития хотя бы почитай, прямо первые ссылки по запросу в гугле или яндексе нормальные.
Аноним 02/10/19 Срд 23:53:15 20481361649
>>204813124
Я знаю гриды, даже делал на них всякие штуки, но вот со своего iphone5 я уже не могу оценить свои творения на гридах.

А про стеку на flex, я имею в виду такое https://www.youtube.com/watch?v=FLbvUFVr3bg&t=330s выглядит довольно удобно, лучше бутстрапа и на древних девайсах работает.
Аноним 03/10/19 Чтв 00:03:35 20481408350
>>204813616
Как знаешь короче. Можно ещё и под IE6 делать, чтобы все были довольны, или под говнобраузеры кастомные. У меня много знакомых делают всё на гридах, не юзая ебучий бутстрап, если конечно требований от заказчика нет. Всё везде запускается, ты не прописываешь ничего, поэтому и не работает, на айфоне сафари или чё там, не знаю. Это что-то на уровне, когда тебя учат никогда не юзать <br>. Использовать встроенные инструменты по назначению это всегда тру. Если ты что-то можешь сделать не залезая в залупу, то это надо делать. Это правильно. Если есть возможность что-то сделать через CSS, то не надо лезть в JavaScript, это банальное раскладывание по полочкам, мы конечно не говорим о вещах с поддержкой в 50%, да и на 90% можно забить, но расчитывать на на старых бабок с установленным Амиго это вообще идиотизм. Я кончил.
Аноним 03/10/19 Чтв 01:09:25 20481657951
03/10/19 Чтв 01:12:30 20481667852
>>204814083
>на 90% можно забить, но расчитывать на на старых бабок с установленным Амиго это вообще идиотизм. Я кончил.
я хуею с чмони, ты про маркетинг слышал? кому нахуй надо делать сайт для хороших браузеров, Если с них не покупают нищенки по типу тебя
Настройки X
Ответить в тред X
15000 [S]
Макс объем: 20Mб, макс кол-во файлов: 4
Кликни/брось файл/ctrl-v
X
Ваш шидевор X
Стикеры X
Избранное / Топ тредов