Size: a a a

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

2020 July 15

ZA

Zahar Avsievich in HTML/CSS — русскоговорящее сообщество
Den
ммммм.... задание коряво поставил)) надо чтобы еще и от размера бэк картинки менялся ее контейнер, то есть у меня контейнер без размера , если туда положить див с бэком то какой бы размер бэка не был, все равно ничего не будет
вааат
сделай песочницу и объясни нормально
источник

DD

Denis Dashka in HTML/CSS — русскоговорящее сообщество
Бг на размер блока не влияет, это как бы логично
источник

DD

Denis Dashka in HTML/CSS — русскоговорящее сообщество
Влияет контент и некоторые приемы с падингами
источник

DD

Denis Dashka in HTML/CSS — русскоговорящее сообщество
Лучше покажи макет
источник

DN

Danik Newgarden in HTML/CSS — русскоговорящее сообщество
Den
надо ставить разме контейнеру в зависимости от размера бека, или чтобы бэк сам распирал контейнер
Ну вставить картинку в div и задать ей самый нижний z-index. Но это плохая практика
источник

MF

Mickh F in HTML/CSS — русскоговорящее сообщество
Den
надо ставить разме контейнеру в зависимости от размера бека, или чтобы бэк сам распирал контейнер
почему нельзя использовать img? почему именно background-image? объясни
источник

D

Den in HTML/CSS — русскоговорящее сообщество
Mickh F
почему нельзя использовать img? почему именно background-image? объясни
использую кастомный тег, кастомный my-img-tag не работает как обычный img, а вот стили на него повесить можно
источник

MF

Mickh F in HTML/CSS — русскоговорящее сообщество
вложи img внутрь
источник

D

Den in HTML/CSS — русскоговорящее сообщество
Mickh F
вложи img внутрь
Нет
источник

DN

Danik Newgarden in HTML/CSS — русскоговорящее сообщество
Den
Нет
Это сделать через css?
источник

MF

Mickh F in HTML/CSS — русскоговорящее сообщество
Den
Нет
ну нет и нет, на js тогда размер картинки получи и в блок пропиши
источник

D

Den in HTML/CSS — русскоговорящее сообщество
Ладно, спасибо за дискуссию, без примера сложно объяснить, не могу пока выложить
источник

DN

Danik Newgarden in HTML/CSS — русскоговорящее сообщество
Den
Ладно, спасибо за дискуссию, без примера сложно объяснить, не могу пока выложить
Потом выложи пожалуйста)
источник

D

Den in HTML/CSS — русскоговорящее сообщество
Danik Newgarden
Потом выложи пожалуйста)
Окей 👌
источник

B

Bretbas in HTML/CSS — русскоговорящее сообщество
Народ. Есть:
<div class="card-content">
   <div class="loading-overlay"></div>
   <div class="post-comment"></div>
   <div class="post-comment"></div>
   <div class="post-comment"></div>
</div>


Мне нужно применить стиль, к первому дочернему элементу в классе card-content, у которого назначен класс post-comment.

Пытаюсь:
.card-content > .post-comment:first-of-type {
 margin-top: 0;
}


но не работает!
Работает это только тогда, когда нет вот этого элемента <div class="loading-overlay"></div>
источник

B

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

B

Bretbas in HTML/CSS — русскоговорящее сообщество
пробовал еще так:
.card-content > .post-comment:first-child:not(.loading-overlay) {
 margin-top: 0;
}


тоже не хочет...
источник

MF

Mickh F in HTML/CSS — русскоговорящее сообщество
:first-of-type это про имя тега, а не про класс на этом теге
источник

B

Bretbas in HTML/CSS — русскоговорящее сообщество
Mickh F
:first-of-type это про имя тега, а не про класс на этом теге
я делал и first-child
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
Bretbas
Народ. Есть:
<div class="card-content">
   <div class="loading-overlay"></div>
   <div class="post-comment"></div>
   <div class="post-comment"></div>
   <div class="post-comment"></div>
</div>


Мне нужно применить стиль, к первому дочернему элементу в классе card-content, у которого назначен класс post-comment.

Пытаюсь:
.card-content > .post-comment:first-of-type {
 margin-top: 0;
}


но не работает!
Работает это только тогда, когда нет вот этого элемента <div class="loading-overlay"></div>
может оверлей просто сделаешь через псевдо и все?
источник