AK
да, текст будет кубиками и не работает на SEO
Size: a a a
2020 June 01
B
Не знаю ребят, может я не так спрашиваю, или никто не знает как решить мою проблему?
АГ
можно и без него, но как тогда это реализовать?))) contain и 100% 100% отлично. задачу решают, но создают свои проблемы))
ты не сможешь прибить дивку к фону если не зафиксируешь aspect ratio этого фона....
вот вариант если зафиксировать https://jsbin.com/wugeran/edit?html,css,output
Если всё-таки хочешь попробовать решить свою проблему, то возможно тебе поможет object-fit: cover и всё обернуть в один overflow: hidden;
вот вариант если зафиксировать https://jsbin.com/wugeran/edit?html,css,output
Если всё-таки хочешь попробовать решить свою проблему, то возможно тебе поможет object-fit: cover и всё обернуть в один overflow: hidden;
VL
Не знаю ребят, может я не так спрашиваю, или никто не знает как решить мою проблему?
Скажи, тебе обязательно table использовать нужно?
B
Скажи, тебе обязательно table использовать нужно?
ну да, я использую material controls в angular. Там
mat-table этот контролVL
ну да, я использую material controls в angular. Там
mat-table этот контролМожет кто другой тогда поможет.
W
ты не сможешь прибить дивку к фону если не зафиксируешь aspect ratio этого фона....
вот вариант если зафиксировать https://jsbin.com/wugeran/edit?html,css,output
Если всё-таки хочешь попробовать решить свою проблему, то возможно тебе поможет object-fit: cover и всё обернуть в один overflow: hidden;
вот вариант если зафиксировать https://jsbin.com/wugeran/edit?html,css,output
Если всё-таки хочешь попробовать решить свою проблему, то возможно тебе поможет object-fit: cover и всё обернуть в один overflow: hidden;
а два вопрос))) как зафиксировать соотношение сторон и можно ли при фиксации чтобы в случае если растягивают только ширину например, то вместо скролла делать обрезание того места, что не видно?
AB
Короче селект надо такой, я в этих html атрибутах запарился уже🥵 она по-моему ещё и скроллится, подскажите как загуглить
А оказывается это multiple
АГ
1) по умолчанию соотношение сторон умеет фиксировать img (задаёшь ему одну из сторон и он подстраивает вторую)
ещё есть трюки с padding и другие → тут https://css-tricks.com/aspect-ratio-boxes/
2) мне кажется я не понял (( или слишком сложная реализация, я бы такое не делал
ещё есть трюки с padding и другие → тут https://css-tricks.com/aspect-ratio-boxes/
2) мне кажется я не понял (( или слишком сложная реализация, я бы такое не делал
АГ
обрезания делают overflow: hidden
W
1) по умолчанию соотношение сторон умеет фиксировать img (задаёшь ему одну из сторон и он подстраивает вторую)
ещё есть трюки с padding и другие → тут https://css-tricks.com/aspect-ratio-boxes/
2) мне кажется я не понял (( или слишком сложная реализация, я бы такое не делал
ещё есть трюки с padding и другие → тут https://css-tricks.com/aspect-ratio-boxes/
2) мне кажется я не понял (( или слишком сложная реализация, я бы такое не делал
я молодец. решил сделать первый сайтик и сразу с такой задачей))) хорошо, а как бы ты сделал такой момент, что вот на картинке монитор и в него нужно нарисовать значки(по сути это меню, но внутри моника как бы). ну и по клике на определённую кнопку будет открываться уже поверх всего окошко с содержимым. вот суть в том как реализовать нажатие на кнопки в мониторе. ведь там получается блоки тоже будут плавающие. просто на размышление если есть желание
AB
А оказывается это multiple
Народ а как теперь бы сделать это кросбраузерно как на опере? Опера даёт дефолт крутилкой, а ff и хром хреново выглядит
АГ
я молодец. решил сделать первый сайтик и сразу с такой задачей))) хорошо, а как бы ты сделал такой момент, что вот на картинке монитор и в него нужно нарисовать значки(по сути это меню, но внутри моника как бы). ну и по клике на определённую кнопку будет открываться уже поверх всего окошко с содержимым. вот суть в том как реализовать нажатие на кнопки в мониторе. ведь там получается блоки тоже будут плавающие. просто на размышление если есть желание
теперь понятно что ты хочешь :) ща попробую реализовать..
но учти object-fit не работает в IE11
но учти object-fit не работает в IE11
W
теперь понятно что ты хочешь :) ща попробую реализовать..
но учти object-fit не работает в IE11
но учти object-fit не работает в IE11
я сейчас почитал про него. это как background-size, но не для фона получается
АГ
ага , это как cover|contain для обычных елементов
АГ
я молодец. решил сделать первый сайтик и сразу с такой задачей))) хорошо, а как бы ты сделал такой момент, что вот на картинке монитор и в него нужно нарисовать значки(по сути это меню, но внутри моника как бы). ну и по клике на определённую кнопку будет открываться уже поверх всего окошко с содержимым. вот суть в том как реализовать нажатие на кнопки в мониторе. ведь там получается блоки тоже будут плавающие. просто на размышление если есть желание
не получается :( мне надо работу работать сорри )) я не до конца понял тз, и почему мой вариант выше не годится https://jsbin.com/wugeran
W
не получается :( мне надо работу работать сорри )) я не до конца понял тз, и почему мой вариант выше не годится https://jsbin.com/wugeran
да всё равно спасибо за внимание))) буду думать. ну я вот делал с помощью contain. он же фиксирует размер, но тогда появляются белые пустые области, если менять ширину или высоту, но текст при этом на месте. так что адача по сути решена)) но с другими проблемами
М
М
картинка есть но не погружает
М
ели скопирую прямую сілку с какового сайта пойдет