Size: a a a

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

2020 July 08

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Ребят, помогите пожалуйста победить простой кейс. Есть сетка. Ширина колонки auto. Внутри блок. В блоке картинка. Задача, динамически изменять ширину блока, согласно картинкам, которые там отображаются. Высота при этом фикс.
Что нужно прописать img а что его родителю?
Уже и так и эдак...
Спасибо
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
Всем привет, друзья подскажите, плиз... у меня вертикальный скролл появлеться только во время ховера на секцию, но элементы продвигаються в лево, хочу избежать этого. position для скролла как бы не действует...
у одного дива overflow: hidden у друго-го стилизация скроллбара и наплыв нормально идет не смещает внутренний див
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
Ребят, помогите пожалуйста победить простой кейс. Есть сетка. Ширина колонки auto. Внутри блок. В блоке картинка. Задача, динамически изменять ширину блока, согласно картинкам, которые там отображаются. Высота при этом фикс.
Что нужно прописать img а что его родителю?
Уже и так и эдак...
Спасибо
вроде flexbox с заданной высотой даст тебе горизонтальную ленту картинок с переносом и фикс высотой картинки
источник

VL

Valerii Leontiev in HTML/CSS — русскоговорящее сообщество
Artur Mustafin
вроде flexbox с заданной высотой даст тебе горизонтальную ленту картинок с переносом и фикс высотой картинки
Я не очень понял. Может не так выразился. Кейс в том, что в блок динамически прилетают разные картинки, по одному экземпляру.  И надо чтобы ширина блока подстраивалась под пропорции картинки
источник

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
Скролл можно прятать. Погугли стилизацию скроллбара
погуглил, долго ищу но не нахожу, у меня скролл своей стилизации, только момент ховера не выходит...
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
Valerii Leontiev
Я не очень понял. Может не так выразился. Кейс в том, что в блок динамически прилетают разные картинки, по одному экземпляру.  И надо чтобы ширина блока подстраивалась под пропорции картинки
да, я не правильно понял
источник

E

Evgeniy in HTML/CSS — русскоговорящее сообщество
Всем привет. Ребят, подскажите пожалуйста. Есть свойство css min-height: 100%;. Если зайти с айфона, то этот блок будет растянут на всю высоту экрана, а на компе, например, будет просто по высоте родителя. Как быть?
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
погуглил, долго ищу но не нахожу, у меня скролл своей стилизации, только момент ховера не выходит...
А ты как гуглишь? Нужно: scrollbar css
источник

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
Artur Mustafin
у одного дива overflow: hidden у друго-го стилизация скроллбара и наплыв нормально идет не смещает внутренний див
у внутренного hidden?
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
погуглил, долго ищу но не нахожу, у меня скролл своей стилизации, только момент ховера не выходит...
у тебя просто один элемент на hover, я бы на два переделал
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
у внутренного hidden?
пришли пример как у тебя на codepen, я попробую допилить как я делал
источник

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
А ты как гуглишь? Нужно: scrollbar css
я на реакте пишу, работает с функцией onMouseOver, только стилистку должен придать с css...нормально ищу, даже в стоке спросил - не помогли))
источник

AM

Artur Mustafin in HTML/CSS — русскоговорящее сообщество
ну я бы смоделировал на простом css а потом в код реакт переносил...
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
я на реакте пишу, работает с функцией onMouseOver, только стилистку должен придать с css...нормально ищу, даже в стоке спросил - не помогли))
мдауж. А реакт тут причём? Или реакт головного мозга...

https://yandex.ru/turbo/s/internet-technologies.ru/articles/stilizaciya-polzovatelskogo-skrollbara-s-pomoschyu-css-i-jquery.html
источник

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
jQuery у меня и так есть, нужно переводить на реакт
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
jQuery у меня и так есть, нужно переводить на реакт
ты пролистай статью немного. Там есть стилизация с помощью CSS
источник

KA

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

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
Artur Mustafin
ну я бы смоделировал на простом css а потом в код реакт переносил...
у тебя есть твой вариант на codepen? я сам напишу по примеру...
источник

YS

Yervand Sargsyan in HTML/CSS — русскоговорящее сообщество
Kenan Ayvazov
ты пролистай статью немного. Там есть стилизация с помощью CSS
спасибо , но стилизация у меня уже готова...
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Yervand Sargsyan
Всем привет, друзья подскажите, плиз... у меня вертикальный скролл появлеться только во время ховера на секцию, но элементы продвигаються в лево, хочу избежать этого. position для скролла как бы не действует...
никак не избежать. разве что положить контент в контейнер внутри блока со скроллом и управлять его паддингом.
источник