Size: a a a

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

2020 September 30

MV

Maxim Vynogradov in HTML/CSS — русскоговорящее сообщество
нашёл вот такую вот зубодробильную штуку)
http://jsfiddle.net/nL1vscdh/ только линку на картинку нужно другую вставить, та битая (к примеру )_
<img src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/hbx060116masterclass01-1550601705.jpg?crop=1.00xw:0.669xh;0,0.152xh&resize=480:*">
в готовом варианте получается очень даже не плохо)
источник

v

vlad3k in HTML/CSS — русскоговорящее сообщество
Bretbas
Подскажите пожалуйста, реально ли без js сделать такое поведение:
Обычное окно чата(как в телеге скажем).
Главная область окна - сами сообщения
Внизу - textarea

Суть в том, что я не могу ограничить главную область по высоте таким образом:
height: calc(100vh - <высота_textarea_в_px>)
так как высота textarea динамична исходя из количества строк в нем.

Реально ли сделать только на css?
в textarea есть же атрибут row, который задает высоту по строкам. И отключаешь через стили ресайз для textarea правилом resize: none
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Maxim Vynogradov
нашёл вот такую вот зубодробильную штуку)
http://jsfiddle.net/nL1vscdh/ только линку на картинку нужно другую вставить, та битая (к примеру )_
<img src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/hbx060116masterclass01-1550601705.jpg?crop=1.00xw:0.669xh;0,0.152xh&resize=480:*">
в готовом варианте получается очень даже не плохо)
Жсбин с телефонп лажает)
но я верю что там крутотень
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Ой. Жсфиддл
источник

B

Bretbas in HTML/CSS — русскоговорящее сообщество
vlad3k
в textarea есть же атрибут row, который задает высоту по строкам. И отключаешь через стили ресайз для textarea правилом resize: none
у меня expandable textarea, из material component для angular.
там уже все есть
источник

MV

Maxim Vynogradov in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Жсбин с телефонп лажает)
но я верю что там крутотень
готовый вариант как-то так выглядит)
может не так уже и круто, но вот я себе в мозгу это так представлял (пилю свой бложик)
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Bretbas
так тут скролл общий, и для области textarea и для области сообщений.
А нужно, чтобы он был только на области сообщений, а область textarea всегда была внизу зафиксирована, но при этом могла увеличиваться, сдвигая верхнюю область сообщений.
посмотри еше раз
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Maxim Vynogradov
готовый вариант как-то так выглядит)
может не так уже и круто, но вот я себе в мозгу это так представлял (пилю свой бложик)
ну мы тебе такое и скинули по факту у нас в черный заливался там в белый, остальные свойства это просто префиксы для разных браузеров
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
причем пример твой старый
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
раз там -o используют
источник

MV

Maxim Vynogradov in HTML/CSS — русскоговорящее сообщество
Санжар
раз там -o используют
да я слабо шарю в css =) я с бекенда, в реакт/редакс умею сносно, а в вёрстку не очень - мало опыта
вы скинули, я посмотрел, пошёл гуглить что ещё похожее, нашёл. спасибо =) типичный копипейст в общем
-o спилил,.   + кажется в стайлед компонетс есть ауто префиксер.
источник

KG

Kirill Galimov in HTML/CSS — русскоговорящее сообщество
В каких значениях правильней всего указывать line-height?
источник

KG

Kirill Galimov in HTML/CSS — русскоговорящее сообщество
em/rem я так понимаю?
источник

#

# P R O G R A M M I ... in HTML/CSS — русскоговорящее сообщество
Всем привет
источник

#

# P R O G R A M M I ... in HTML/CSS — русскоговорящее сообщество
Народ нужен 1 помощь
источник

#

# P R O G R A M M I ... in HTML/CSS — русскоговорящее сообщество
Как отделить иконки от слов
источник

IN

Igor N in HTML/CSS — русскоговорящее сообщество
# P R O G R A M M I S T
Как отделить иконки от слов
padding
источник

ML

Morten a.k.a. Leha in HTML/CSS — русскоговорящее сообщество
Дарова молодые
источник

#

# P R O G R A M M I ... in HTML/CSS — русскоговорящее сообщество
источник

#

# P R O G R A M M I ... in HTML/CSS — русскоговорящее сообщество
Я написал left не работает
источник