Size: a a a

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

2020 August 09

В

Василий in HTML/CSS — русскоговорящее сообщество
Флексом можно, но я с ним мало знаком. Нет сейчас на изучение времени
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;

.post:first-child {
 grid-column: 1 / -1;
}
спс. Сейчас попробую так еще.
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Ильдар
всем привет можно как то вот такую писанину сократить?   .container div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
   margin-top:20px;
 }
nth-child(5 - n)
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Не совсем понятно чего ты добиться желаешь
Типа бэкграунд из частей которые между собой не связаны ?
Типа они связаны.
Одна картинка используется на трёх разный частях экрана. Но позиционирование разное.
Вот вопрос в том, как мне понять или высчитать правильные цифры для позиционирования
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
DevilSAM
Типа они связаны.
Одна картинка используется на трёх разный частях экрана. Но позиционирование разное.
Вот вопрос в том, как мне понять или высчитать правильные цифры для позиционирования
высота / ширина контейнеров разная?
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Не совсем понятно чего ты добиться желаешь
Типа бэкграунд из частей которые между собой не связаны ?
типа вот такого
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Так а где тут одна картинка в разных частях? Тут один бэкграунд
источник

R

Ruslan in HTML/CSS — русскоговорящее сообщество
Друзья! Делаю адаптивную верстку сейчас. Прописал медиа кверрис. Столкнулся с проблемой.
На комп версии сайта в качестве бэкграунда у меня картинка, а в мобильной надо просто цвет задать.

Удалая бекграунд имейдж и на его место прописывая цвет изображение все равно остается из других медиа.

Как можно решить такую проблему?
Я думал:
Display: none; или позицию absolute и left -9999px сделать.
Что лучше?
источник

D

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

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Так а где тут одна картинка в разных частях? Тут один бэкграунд
ну нет. это три разных iframe. там никак не мжет быть одного бэка. Присмотрись к волосам женщины - увидишь нестыковку
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Ruslan
Друзья! Делаю адаптивную верстку сейчас. Прописал медиа кверрис. Столкнулся с проблемой.
На комп версии сайта в качестве бэкграунда у меня картинка, а в мобильной надо просто цвет задать.

Удалая бекграунд имейдж и на его место прописывая цвет изображение все равно остается из других медиа.

Как можно решить такую проблему?
Я думал:
Display: none; или позицию absolute и left -9999px сделать.
Что лучше?
делай mobile-first и будь счастлив
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
DevilSAM
ну нет. это три разных iframe. там никак не мжет быть одного бэка. Присмотрись к волосам женщины - увидишь нестыковку
там одна фоновая картинка. девка с мужиком сверху это другая картинка вообще и к фону отношения не имееи
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
DevilSAM
ну нет. это три разных iframe. там никак не мжет быть одного бэка. Присмотрись к волосам женщины - увидишь нестыковку
То что они в прозрачность уходят? Это ничего не говорит, есть ссылка на этот сайт?
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
То что они в прозрачность уходят? Это ничего не говорит, есть ссылка на этот сайт?
источник

D

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

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Если ты хочешь просто отдельные элементы фона позиционировать, то делай их как img с z-index: -1; и позишн: абсолют, а там расставляй куда надо, размер по отношению к размеру видимрй области задавай как vh, vw, vmin, vmax
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
а для чего z-index на бэкграунде?
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Хорошо, давай переформулирую вопрос, ты хочешь что бы две картинки занимали всегда ровно половину экрана, а третья просто сверху болталась?
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
DevilSAM
а для чего z-index на бэкграунде?
На img что бы легко было позиционировать, а индекс что бы поверх не вылезло на всяк случай
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
На img что бы легко было позиционировать, а индекс что бы поверх не вылезло на всяк случай
понял
источник