Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 18

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Mr Bin
Как сделать так, чтоб высота картинки зависела от ширины?
погугли css aspect ratio, если коротко, то паддинг в процентах всегда считается от ширины родителя
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Mr Bin
Как сделать так, чтоб высота картинки зависела от ширины?
ну вообще оно по-дефолту так, так что виновато окружение
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
Привет, может кто подсказать, как див с refresh data перетянуть к export?
У обих стоит margin-left: auto, только не помнимаю почему refreshData не перетягивается в самый правый конец
Буду очень благодарен :)
Сунуть в див и флекс дать не варик, нужно чтобы они не были в одном блоке
источник

M

Mr. King in HTML/CSS — русскоговорящее сообщество
Nazar Ginailo
Привет, может кто подсказать, как див с refresh data перетянуть к export?
У обих стоит margin-left: auto, только не помнимаю почему refreshData не перетягивается в самый правый конец
Буду очень благодарен :)
Сунуть в див и флекс дать не варик, нужно чтобы они не были в одном блоке
У export убери margin auto
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
Mr. King
У export убери margin auto
спасибо,  а почему 2 margin-left: auto - не работают?
источник

M

Mr. King in HTML/CSS — русскоговорящее сообщество
Nazar Ginailo
спасибо,  а почему 2 margin-left: auto - не работают?
Потому в случае с 2мя первый элемент занимает всю оставшуюся область контейнера а второй  занимает видя что уже занято 1 элементом область и соответсвенно он пытается выровнится так что-бы расстояение было равномерным. В случае когда ты задаешь margin только предпоследнему элементу то он сдвигает все элементы которые справа от него. В первом случае это аналог justify-content: space-between
источник

M

Mr. King in HTML/CSS — русскоговорящее сообщество
Nazar Ginailo
спасибо,  а почему 2 margin-left: auto - не работают?
Хуего объяснил это не мое)
источник

NG

Nazar Ginailo in HTML/CSS — русскоговорящее сообщество
Mr. King
Потому в случае с 2мя первый элемент занимает всю оставшуюся область контейнера а второй  занимает видя что уже занято 1 элементом область и соответсвенно он пытается выровнится так что-бы расстояение было равномерным. В случае когда ты задаешь margin только предпоследнему элементу то он сдвигает все элементы которые справа от него. В первом случае это аналог justify-content: space-between
спасибо🙏
источник

M

Mansur in HTML/CSS — русскоговорящее сообщество
offset 50 что делает?
источник

EA

El Anonimo in HTML/CSS — русскоговорящее сообщество
Mansur
offset 50 что делает?
Без доков вангану, что сверху добавляет оффсет в 50 пкс. Грубо, margin-top.
источник

M

Mansur in HTML/CSS — русскоговорящее сообщество
увы но нет нет не добовляет поэтому хз зачем офсет написано
источник

EA

El Anonimo in HTML/CSS — русскоговорящее сообщество
Mansur
offset 50 что делает?
"plugin for detecting enter/exit of elements".
https://plugins.jquery.com/scrollSpy/
источник

EA

El Anonimo in HTML/CSS — русскоговорящее сообщество
"Padding", как бы. Реагирует на ховер элемента + 50 пикселей вокруг.
источник

EA

El Anonimo in HTML/CSS — русскоговорящее сообщество
источник

LG

L-G. G. in HTML/CSS — русскоговорящее сообщество
Я не бот
источник

LG

L-G. G. in HTML/CSS — русскоговорящее сообщество
Подскажите как мне шестой блок поставить на 3 грида выше?
Но стоит учитывать что у меня бесконечный список и принудительный start не совсем подходит
источник

К

Кирилл in HTML/CSS — русскоговорящее сообщество
width 100% height 0 padding-bottom 50%
источник

M

Mr Bin in HTML/CSS — русскоговорящее сообщество
Кирилл
width 100% height 0 padding-bottom 50%
О, спасибо!!
источник

LG

L-G. G. in HTML/CSS — русскоговорящее сообщество
L-G. G.
Подскажите как мне шестой блок поставить на 3 грида выше?
Но стоит учитывать что у меня бесконечный список и принудительный start не совсем подходит
У каждого блока свой класс с переодичностью 6. Стиль на шестом блоке такой:
 grid-column: 3;
 grid-row: auto /span 6;
источник

S

Solovey in HTML/CSS — русскоговорящее сообщество
L-G. G.
Подскажите как мне шестой блок поставить на 3 грида выше?
Но стоит учитывать что у меня бесконечный список и принудительный start не совсем подходит
В какую сторону надлежит, вертикально? Очевидно что менять row
источник